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:
@@ -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
Reference in New Issue
Block a user