fix(react-swatch-picker): fixed colors of selected and pressed states

[ValentinaKozlova]

While building UI kit we decided to make selected and pressed states darker.

Previous Behavior

selected hover

selected pressed

New Behavior

selected hover

selected pressed

[fabricteam]

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations	Status
Avatar	mount	614	629	5000
Button	mount	311	300	5000
Field	mount	1220	1127	5000
FluentProvider	mount	761	716	5000
FluentProviderWithTheme	mount	78	87	10
FluentProviderWithTheme	virtual-rerender	37	36	10
FluentProviderWithTheme	virtual-rerender-with-unmount	78	76	10
MakeStyles	mount	970	873	50000
Persona	mount	1846	1719	5000
SpinButton	mount	1415	1409	5000
SwatchPicker	mount	1682	1683	5000

[fabricteam]

📊 Bundle size report

Package & Exports	Baseline (minified/GZIP)	PR	Change
react-components react-components: entire library	1.094 MB 270.628 kB	1.094 MB 270.664 kB	195 B 36 B
react-swatch-picker @fluentui/react-swatch-picker - package	103.495 kB 30.046 kB	103.69 kB 30.094 kB	195 B 48 B

Unchanged fixtures

Package & Exports	Size (minified/GZIP)
react-components react-components: Button, FluentProvider & webLightTheme	69.141 kB 20.157 kB
react-components react-components: Accordion, Button, FluentProvider, Image, Menu, Popover	211.741 kB 60.957 kB
react-components react-components: FluentProvider & webLightTheme	44.442 kB 14.607 kB
react-portal-compat PortalCompatProvider	8.39 kB 2.64 kB
react-timepicker-compat TimePicker	104.384 kB 34.782 kB

_{🤖 This report was generated against b01e5c5e47b6523f525ccefaf9e0208a228cd9ab}