playwriter
Code Issues

use warm color scheme for all label types

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files
playwriter/src/aria-snapshot.ts
+20 -20
View File
@@ -37,32 +37,32 @@ const INTERACTIVE_ROLES = new Set([
'treeitem', '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] // Format: [gradient-top, gradient-bottom, border]
const ROLE_COLORS: Record<string, [string, string, string]> = { const ROLE_COLORS: Record<string, [string, string, string]> = {
// Links - yellow (Vimium-style) // Links - yellow (Vimium-style)
link: ['#FFF785', '#FFC542', '#E3BE23'], link: ['#FFF785', '#FFC542', '#E3BE23'],
// Buttons - orange // Buttons - orange
button: ['#FFE0B2', '#FFCC80', '#FFB74D'], button: ['#FFE0B2', '#FFCC80', '#FFB74D'],
// Text inputs - light blue // Text inputs - coral/red
textbox: ['#B3E5FC', '#81D4FA', '#4FC3F7'], textbox: ['#FFCDD2', '#EF9A9A', '#E57373'],
combobox: ['#B3E5FC', '#81D4FA', '#4FC3F7'], combobox: ['#FFCDD2', '#EF9A9A', '#E57373'],
searchbox: ['#B3E5FC', '#81D4FA', '#4FC3F7'], searchbox: ['#FFCDD2', '#EF9A9A', '#E57373'],
spinbutton: ['#B3E5FC', '#81D4FA', '#4FC3F7'], spinbutton: ['#FFCDD2', '#EF9A9A', '#E57373'],
// Checkboxes/Radios/Switches - light purple // Checkboxes/Radios/Switches - warm pink
checkbox: ['#E1BEE7', '#CE93D8', '#BA68C8'], checkbox: ['#F8BBD0', '#F48FB1', '#EC407A'],
radio: ['#E1BEE7', '#CE93D8', '#BA68C8'], radio: ['#F8BBD0', '#F48FB1', '#EC407A'],
switch: ['#E1BEE7', '#CE93D8', '#BA68C8'], switch: ['#F8BBD0', '#F48FB1', '#EC407A'],
// Sliders - light teal // Sliders - peach
slider: ['#B2DFDB', '#80CBC4', '#4DB6AC'], slider: ['#FFCCBC', '#FFAB91', '#FF8A65'],
// Menu items - light pink // Menu items - salmon
menuitem: ['#F8BBD9', '#F48FB1', '#F06292'], menuitem: ['#FFAB91', '#FF8A65', '#FF7043'],
menuitemcheckbox: ['#F8BBD9', '#F48FB1', '#F06292'], menuitemcheckbox: ['#FFAB91', '#FF8A65', '#FF7043'],
menuitemradio: ['#F8BBD9', '#F48FB1', '#F06292'], menuitemradio: ['#FFAB91', '#FF8A65', '#FF7043'],
// Tabs/Options - light green // Tabs/Options - amber
tab: ['#C8E6C9', '#A5D6A7', '#81C784'], tab: ['#FFE082', '#FFD54F', '#FFC107'],
option: ['#C8E6C9', '#A5D6A7', '#81C784'], option: ['#FFE082', '#FFD54F', '#FFC107'],
treeitem: ['#C8E6C9', '#A5D6A7', '#81C784'], treeitem: ['#FFE082', '#FFD54F', '#FFC107'],
} }
// Default yellow for unknown roles // Default yellow for unknown roles
playwriter/src/assets/aria-labels-google-snapshot.txt
+1 -1
View File
@@ -31,7 +31,7 @@
- generic [ref=e55]: - generic [ref=e55]:
- text: "Google offered in:" - text: "Google offered in:"
- link [ref=e56] [cursor=pointer]: - 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 - text: Italiano
- contentinfo [ref=e58]: - contentinfo [ref=e58]:
- generic [ref=e59]: Italy - generic [ref=e59]: Italy
playwriter/src/assets/aria-labels-hacker-news-snapshot.txt
+585 -576
View File
File diff suppressed because it is too large Load Diff