url/homelable
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(themes): align laptop/mobile keys + theme-coherent mobile accents

Browse Source 
- Pad laptop:/mobile: to match each theme's existing key-column width
  (dark, light, custom were off by 1-4 spaces).
- Replace hardcoded #ec4899 mobile pink with palette-coherent accents:
  light  -> #db2777 (contrast on light bg)
  neon   -> #ff3399 (neon family)
  matrix -> #00cc66 (green palette)
  default/dark/custom keep #ec4899.
This commit is contained in:
Pouzor
2026-05-29 10:12:04 +02:00
parent b5b1056ae6
commit 05c24d622b
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/utils/themes.ts
+3 -3
View File
@@ -183,7 +183,7 @@ export const THEMES: Record<ThemeId, ThemePreset> = {
printer: { border: '#6b7280', icon: '#6b7280' }, printer: { border: '#6b7280', icon: '#6b7280' },
computer: { border: '#7c3aed', icon: '#7c3aed' }, computer: { border: '#7c3aed', icon: '#7c3aed' },
laptop: { border: '#7c3aed', icon: '#7c3aed' }, laptop: { border: '#7c3aed', icon: '#7c3aed' },
mobile: { border: '#ec4899', icon: '#ec4899' }, mobile: { border: '#db2777', icon: '#db2777' },
cpl: { border: '#b45309', icon: '#b45309' }, cpl: { border: '#b45309', icon: '#b45309' },
docker_host: { border: '#2496ED', icon: '#2496ED' }, docker_host: { border: '#2496ED', icon: '#2496ED' },
docker_container: { border: '#0369a1', icon: '#0369a1' }, docker_container: { border: '#0369a1', icon: '#0369a1' },
@@ -246,7 +246,7 @@ export const THEMES: Record<ThemeId, ThemePreset> = {
printer: { border: '#8888ff', icon: '#8888ff' }, printer: { border: '#8888ff', icon: '#8888ff' },
computer: { border: '#ff00ff', icon: '#ff00ff' }, computer: { border: '#ff00ff', icon: '#ff00ff' },
laptop: { border: '#ff00ff', icon: '#ff00ff' }, laptop: { border: '#ff00ff', icon: '#ff00ff' },
mobile: { border: '#ec4899', icon: '#ec4899' }, mobile: { border: '#ff3399', icon: '#ff3399' },
cpl: { border: '#ffff00', icon: '#ffff00' }, cpl: { border: '#ffff00', icon: '#ffff00' },
docker_host: { border: '#00aaff', icon: '#00aaff' }, docker_host: { border: '#00aaff', icon: '#00aaff' },
docker_container: { border: '#00ddff', icon: '#00ddff' }, docker_container: { border: '#00ddff', icon: '#00ddff' },
@@ -309,7 +309,7 @@ export const THEMES: Record<ThemeId, ThemePreset> = {
printer: { border: '#005500', icon: '#005500' }, printer: { border: '#005500', icon: '#005500' },
computer: { border: '#008822', icon: '#008822' }, computer: { border: '#008822', icon: '#008822' },
laptop: { border: '#008822', icon: '#008822' }, laptop: { border: '#008822', icon: '#008822' },
mobile: { border: '#ec4899', icon: '#ec4899' }, mobile: { border: '#00cc66', icon: '#00cc66' },
cpl: { border: '#66ff33', icon: '#66ff33' }, cpl: { border: '#66ff33', icon: '#66ff33' },
docker_host: { border: '#00cc88', icon: '#00cc88' }, docker_host: { border: '#00cc88', icon: '#00cc88' },
docker_container: { border: '#00aacc', icon: '#00aacc' }, docker_container: { border: '#00aacc', icon: '#00aacc' },