From 99d0a09953aa1db4833efe1c20eb43f9a361d24a Mon Sep 17 00:00:00 2001 From: MBO-Tech-IT Date: Sun, 26 Apr 2026 16:39:22 +0200 Subject: [PATCH] fix: move dark bg-grid out of utilities layer, add scrollbar hover dark override Co-Authored-By: Claude Sonnet 4.6 --- app/globals.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/app/globals.css b/app/globals.css index 3300fa0..ecd4410 100644 --- a/app/globals.css +++ b/app/globals.css @@ -79,10 +79,6 @@ body { background-size: 28px 28px; } - .dark .bg-grid { - background-image: radial-gradient(rgba(249, 115, 22, 0.15) 1px, transparent 1px); - } - /* Alt: subtle line grid */ .bg-grid-lines { 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 */ @keyframes ticker-scroll { 0% { transform: translateX(0); } @@ -237,3 +238,6 @@ body { .dark ::-webkit-scrollbar-thumb { background: #2d3748; } +.dark ::-webkit-scrollbar-thumb:hover { + background: #f97316; +}