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:
parent
c0c5caa4ff
commit
99d0a09953
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue