headscale/hscontrol/templates
Kristoffer Dalby 814226f327 templates: improve accessibility, dark mode, and typography
Bump base font size from 0.8rem to 1rem (16px) to meet mobile
accessibility guidelines and avoid iOS auto-zoom on inputs.

Add CSS custom properties for all theme colors with a
prefers-color-scheme: dark media query so pages adapt to OS dark
mode. Component inline styles reference var(--hs-*) tokens so they
follow the scheme automatically.

Accessibility improvements:
- role="status" + aria-live="polite" on success boxes
- role="alert" + aria-live="assertive" on error boxes
- role="note" on warning boxes
- Visible focus rings via :focus-visible
- Link underlines (don't rely on color alone)
- SVG icons use currentColor for theme adaptation
- prefers-reduced-motion media query
- <main> landmark element wrapping page content
- Button styling with 44px min-height touch target
- List item spacing

Updates juanfont/headscale#3182
2026-04-13 17:23:47 +01:00
..
apple.go hscontrol/templates: refactor to use CSS classes and embedded files 2025-11-12 08:28:12 -06:00
auth_error.go templates: add error box component and error page template 2026-04-13 17:23:47 +01:00
auth_success.go templates: generalise auth templates for web and OIDC 2026-02-25 21:28:05 +01:00
auth_web.go templates: generalise auth templates for web and OIDC 2026-02-25 21:28:05 +01:00
design.go templates: improve accessibility, dark mode, and typography 2026-04-13 17:23:47 +01:00
general.go templates: improve accessibility, dark mode, and typography 2026-04-13 17:23:47 +01:00
register_confirm.go oidc: add confirmation page for node registration 2026-04-10 14:09:57 +01:00
windows.go hscontrol/templates: refactor to use CSS classes and embedded files 2025-11-12 08:28:12 -06:00