ros/automaker
1
0
Fork 0
mirror of https://github.com/AutoMaker-Org/automaker.git synced 2026-02-02 20:43:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: unify scrollbar styling across themes

Browse Source 
- Replaced theme-specific scrollbar styles with a universal approach using CSS variables for better maintainability.
- Moved theme-specific scrollbar overrides from `global.css` to their respective theme files (`retro.css`, `red.css`)
This commit is contained in:
Illia Filippov
2025-12-27 00:12:31 +01:00
parent 0fe6a12d20
commit 4c16e5e09c
3 changed files with 31 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/ui/src/styles/themes/red.css
View File

@@ -67,3 +67,17 @@
--running-indicator: oklch(0.55 0.25 25);
--running-indicator-text: oklch(0.6 0.23 25);
}
/* Red theme scrollbar */
.red ::-webkit-scrollbar-thumb {
background: oklch(0.35 0.15 25);
border-radius: 4px;
}
.red ::-webkit-scrollbar-thumb:hover {
background: oklch(0.45 0.18 25);
}
.red ::-webkit-scrollbar-track {
background: oklch(0.15 0.05 25);
}

10
apps/ui/src/styles/themes/retro.css
View File

@@ -86,6 +86,16 @@
/* Theme-specific overrides */
/* Retro Scrollbar - sharp edges with neon green */
.retro ::-webkit-scrollbar-thumb {
background: var(--primary);
border-radius: 0;
}
.retro ::-webkit-scrollbar-track {
background: var(--background);
}
.retro .scrollbar-visible::-webkit-scrollbar-thumb {
background: var(--primary);
border-radius: 0;