These PR add's colors/theme for the Package List view, for this page we added:
transparent button
new styles for checkbox and radio buttons
new style for switch.
new theme for badges.
Dark Theme
Light Theme
Transparent button
States
State
Dark
Light
Focused
Hover
Pressed
Rest
Checkbox, Switch and TreeView
The icon button uses the new transparent button so the styles are the same.
Dark
Light
Radio button
Badges
Accessibility errors
Links color are not accessible enough
I'll contact designers again to ask for guidance here. There are two options, add an underline for these kinds of links or change the color of hyperlinks
Addresses https://github.com/NuGet/NuGetGallery/issues/9854 Figma: https://www.figma.com/file/ZaAD9rDujh8JDkRF4q9Fd8/NuGet---Simple-theme-updates?type=design&node-id=61%3A9109&mode=design&t=Urj8iIoXc4thBO3E-1 Spec: https://github.com/NuGet/Engineering/pull/5209
Description
These PR add's colors/theme for the Package List view, for this page we added:
Dark Theme
Light Theme
Transparent button
States
Checkbox, Switch and TreeView
The icon button uses the new transparent button so the styles are the same.
Dark
Light
Radio button
Badges
Accessibility errors
Links color are not accessible enough
I'll contact designers again to ask for guidance here. There are two options, add an underline for these kinds of links or change the color of hyperlinks![image](https://github.com/NuGet/NuGetGallery/assets/43253759/41327d7e-bf71-48af-894c-f835f07931c3)