zzstoatzz.io / status
slack status without the slack status.zzstoatzz.io/
quickslice
fork atom

fix: Make hover colors dynamically calculate from accent color

- Replace hardcoded blue hover color with color-mix() calculation
- Ensures all hover states respect user's chosen accent color
- Fixes 'your status' button showing blue on hover

zzstoatzz.io 9d1bf2b6 dd8dbacd

options
unified split
Changed files
+3 -3
templates
error.html
feed.html
login.html
+1 -1
templates/error.html
··· 53 53 --text-tertiary: #adb5bd; 54 54 --border-color: #e9ecef; 55 55 --accent: #4a9eff; 56 - --accent-hover: #3a8eee; 56 + --accent-hover: color-mix(in srgb, var(--accent) 85%, black); 57 57 --danger: #dc3545; 58 58 --shadow-sm: 0 1px 2px rgba(0,0,0,0.05); 59 59 --shadow-md: 0 4px 6px rgba(0,0,0,0.07);
+1 -1
templates/feed.html
··· 197 197 --text-tertiary: #adb5bd; 198 198 --border-color: #e9ecef; 199 199 --accent: #4a9eff; 200 - --accent-hover: #3a8eee; 200 + --accent-hover: color-mix(in srgb, var(--accent) 85%, black); 201 201 --danger: #dc3545; 202 202 --shadow-sm: 0 1px 2px rgba(0,0,0,0.05); 203 203 --shadow-md: 0 4px 6px rgba(0,0,0,0.07);
+1 -1
templates/login.html
··· 86 86 --text-tertiary: #adb5bd; 87 87 --border-color: #e9ecef; 88 88 --accent: #4a9eff; 89 - --accent-hover: #3a8eee; 89 + --accent-hover: color-mix(in srgb, var(--accent) 85%, black); 90 90 --danger: #dc3545; 91 91 --shadow-sm: 0 1px 2px rgba(0,0,0,0.05); 92 92 --shadow-md: 0 4px 6px rgba(0,0,0,0.07);