Select does not look as per designs

[AlexSkrypnyk]

Summary

Select does not look as per designs

Steps to reproduce

@joshua-salsadigital

Our current select does not look like the designs.

Observed outcome

Expected outcome

[sonamchaturvedi28]

Test Env: DEV
Test Status: FAIL
Test Result:

• Below are the issues :

#	Theme	State	Expected	ActuaI
1	Dark theme	Default state : Background colour is incorrect	--ct-color-dark-background-dark	--ct-color-dark-background-light
2	Dark theme	Hover state : Background and border colours are incorrect	Background colour: --ct-color-dark-background-dark Border colour: --ct-color-dark-interaction-hover-background	Background colour: --ct-color-dark-background-light Border colour: --ct-color-dark-border-light
3	Dark theme	Focus/ Invalid / Disabled states : Background colour is incorrect	--ct-color-dark-background	--ct-color-dark-background-light
4	Dark theme	Selected state : Background colour is not as per Figma. Even when Background colour is updated as per Figma there seems to be contrast issue, selected option is not easily visible	--ct-color-dark-background	--ct-color-dark-background-light

Issue#1

Issue#2

Issue#4

[AlexSkrypnyk]

@sonamchaturvedi28
An update was made. Could you please re-test. thanks

[sonamchaturvedi28]

Test Env: DEV
Test Status: FAIL
Test Result:

Below are the issues :

#	Issue	Status
1	Dark theme Default state : Background colour is incorrect	PASS
2	Dark theme Hover state : Background and border colours are incorrect	PASS
3	Dark theme Focus/ Invalid / Disabled states : Background colour is incorrect	FAIL - Font colour of selected option for Invalid state is incorrect
4	Dark theme Selected state : Background colour is not as per Figma. Even when Background colour is updated as per Figma there seems to be contrast issue, selected option is not easily visible	PASS
5	Select style on mobile is not responsive	FAIL

Issue#3

Issue#5

[sonamchaturvedi28]

Test Env: DEV
Test Status: PASS
Test Result:

• Font colour of selected option for Invalid state is now correct.
• Tested Select responsiveness by enabling the container to be resizable and it works fine.