fix: move dark bg-grid out of utilities layer, add scrollbar hover dark override

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
MBO-Tech-IT 2026-04-26 16:39:22 +02:00
parent c0c5caa4ff
commit 99d0a09953
1 changed files with 8 additions and 4 deletions

View File

@ -79,10 +79,6 @@ body {
background-size: 28px 28px; background-size: 28px 28px;
} }
.dark .bg-grid {
background-image: radial-gradient(rgba(249, 115, 22, 0.15) 1px, transparent 1px);
}
/* Alt: subtle line grid */ /* Alt: subtle line grid */
.bg-grid-lines { .bg-grid-lines {
background-image: linear-gradient(rgba(249, 115, 22, 0.05) 1px, transparent 1px), background-image: linear-gradient(rgba(249, 115, 22, 0.05) 1px, transparent 1px),
@ -106,6 +102,11 @@ body {
} }
} }
/* Dark-mode bg-grid override — must live outside @layer so it wins over the base rule */
.dark .bg-grid {
background-image: radial-gradient(rgba(249, 115, 22, 0.15) 1px, transparent 1px);
}
/* Tagline ticker animation */ /* Tagline ticker animation */
@keyframes ticker-scroll { @keyframes ticker-scroll {
0% { transform: translateX(0); } 0% { transform: translateX(0); }
@ -237,3 +238,6 @@ body {
.dark ::-webkit-scrollbar-thumb { .dark ::-webkit-scrollbar-thumb {
background: #2d3748; background: #2d3748;
} }
.dark ::-webkit-scrollbar-thumb:hover {
background: #f97316;
}