use warm color scheme for all label types

Color legend:
- Yellow: links
- Orange: buttons
- Coral/Red: text inputs
- Pink: checkboxes, radios, switches
- Peach: sliders
- Salmon: menu items
- Amber: tabs, options
This commit is contained in:
Tommy D. Rossi
2026-01-03 15:49:43 +01:00
parent 6f508795b4
commit c59dbc0013
3 changed files with 606 additions and 597 deletions
+20 -20
View File
@@ -37,32 +37,32 @@ const INTERACTIVE_ROLES = new Set([
'treeitem',
])
// Color categories for different role types (light backgrounds with good contrast for black text)
// Color categories for different role types - warm color scheme
// Format: [gradient-top, gradient-bottom, border]
const ROLE_COLORS: Record<string, [string, string, string]> = {
// Links - yellow (Vimium-style)
link: ['#FFF785', '#FFC542', '#E3BE23'],
// Buttons - orange
button: ['#FFE0B2', '#FFCC80', '#FFB74D'],
// Text inputs - light blue
textbox: ['#B3E5FC', '#81D4FA', '#4FC3F7'],
combobox: ['#B3E5FC', '#81D4FA', '#4FC3F7'],
searchbox: ['#B3E5FC', '#81D4FA', '#4FC3F7'],
spinbutton: ['#B3E5FC', '#81D4FA', '#4FC3F7'],
// Checkboxes/Radios/Switches - light purple
checkbox: ['#E1BEE7', '#CE93D8', '#BA68C8'],
radio: ['#E1BEE7', '#CE93D8', '#BA68C8'],
switch: ['#E1BEE7', '#CE93D8', '#BA68C8'],
// Sliders - light teal
slider: ['#B2DFDB', '#80CBC4', '#4DB6AC'],
// Menu items - light pink
menuitem: ['#F8BBD9', '#F48FB1', '#F06292'],
menuitemcheckbox: ['#F8BBD9', '#F48FB1', '#F06292'],
menuitemradio: ['#F8BBD9', '#F48FB1', '#F06292'],
// Tabs/Options - light green
tab: ['#C8E6C9', '#A5D6A7', '#81C784'],
option: ['#C8E6C9', '#A5D6A7', '#81C784'],
treeitem: ['#C8E6C9', '#A5D6A7', '#81C784'],
// Text inputs - coral/red
textbox: ['#FFCDD2', '#EF9A9A', '#E57373'],
combobox: ['#FFCDD2', '#EF9A9A', '#E57373'],
searchbox: ['#FFCDD2', '#EF9A9A', '#E57373'],
spinbutton: ['#FFCDD2', '#EF9A9A', '#E57373'],
// Checkboxes/Radios/Switches - warm pink
checkbox: ['#F8BBD0', '#F48FB1', '#EC407A'],
radio: ['#F8BBD0', '#F48FB1', '#EC407A'],
switch: ['#F8BBD0', '#F48FB1', '#EC407A'],
// Sliders - peach
slider: ['#FFCCBC', '#FFAB91', '#FF8A65'],
// Menu items - salmon
menuitem: ['#FFAB91', '#FF8A65', '#FF7043'],
menuitemcheckbox: ['#FFAB91', '#FF8A65', '#FF7043'],
menuitemradio: ['#FFAB91', '#FF8A65', '#FF7043'],
// Tabs/Options - amber
tab: ['#FFE082', '#FFD54F', '#FFC107'],
option: ['#FFE082', '#FFD54F', '#FFC107'],
treeitem: ['#FFE082', '#FFD54F', '#FFC107'],
}
// Default yellow for unknown roles
@@ -31,7 +31,7 @@
- generic [ref=e55]:
- text: "Google offered in:"
- link [ref=e56] [cursor=pointer]:
- /url: https://www.google.com/setprefs?sig=0_lHHRplZf4XKJUKbItfPlELPP7_M%3D&hl=it&source=homepage&sa=X&ved=0ahUKEwiP1KjEzu-RAxV3BdAFHa6oD8EQ2ZgBCBU
- /url: https://www.google.com/setprefs?sig=0_ONtbUSl6RHgXjr8-VtrSj8Fbgus%3D&hl=it&source=homepage&sa=X&ved=0ahUKEwia5cnuzu-RAxVO78kDHZbbBV8Q2ZgBCBU
- text: Italiano
- contentinfo [ref=e58]:
- generic [ref=e59]: Italy
File diff suppressed because it is too large Load Diff