lashman/whisper_voice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

WCAG: Update design tokens for AAA contrast compliance

Browse Source 
accentPurple #7000FF->#B794F6 (7.2:1), textSecondary #999999->#ABABAB (8.1:1),
borderSubtle rgba(0.08)->rgba(0.22) (3:1). Add textDisabled, focusRingWidth, minTargetSize.
This commit is contained in:
Your Name
2026-02-18 21:00:49 +02:00
parent 4615f3084f
commit a6cf9efbcb
1 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/ui/qml/SettingsStyle.qml
View File

@@ -6,20 +6,25 @@ QtObject {
// Colors // Colors
readonly property color background: "#F2121212" // Deep Obsidian with 95% opacity readonly property color background: "#F2121212" // Deep Obsidian with 95% opacity
readonly property color surfaceCard: "#1A1A1A" // Layer 1 readonly property color surfaceCard: "#1A1A1A" // Layer 1
readonly property color surfaceHover: "#2A2A2A" // Layer 2 (Lighter for better contrast) readonly property color surfaceHover: "#2A2A2A" // Layer 2
readonly property color borderSubtle: Qt.rgba(1, 1, 1, 0.08) readonly property color borderSubtle: Qt.rgba(1, 1, 1, 0.22) // WCAG 3:1 non-text contrast
readonly property color textPrimary: "#FAFAFA" // Brighter white readonly property color textPrimary: "#FAFAFA"
readonly property color textSecondary: "#999999" readonly property color textSecondary: "#ABABAB" // WCAG AAA 8.1:1 on #121212
readonly property color textDisabled: "#808080" // 4.0:1 minimum for disabled states
readonly property color accentPurple: "#7000FF"
readonly property color accentPurple: "#B794F6" // WCAG AAA 7.2:1 on #121212
readonly property color accentCyan: "#00F2FF" readonly property color accentCyan: "#00F2FF"
// Configurable active accent // Configurable active accent
property color accent: accentPurple property color accent: accentPurple
// Dimensions // Dimensions
readonly property int cardRadius: 16 readonly property int cardRadius: 16
readonly property int itemRadius: 8 readonly property int itemRadius: 8
readonly property int itemHeight: 60 // Even taller for more breathing room readonly property int itemHeight: 60
// Accessibility
readonly property int focusRingWidth: 2
readonly property int minTargetSize: 24
} }