mirror of
https://github.com/BradNut/boredgame
synced 2025-09-08 17:40:22 +00:00
67 lines
1.9 KiB
SCSS
67 lines
1.9 KiB
SCSS
|
html[data-theme='🌛 Night'] {
|
||
|
|
/* Global */
|
||
|
|
--clr-primary: hsl(173 100% 66%);
|
||
|
|
--clr-txt: hsl(0 0% 98%);
|
||
|
|
--clr-bg: hsl(210 7% 11%);
|
||
|
|
|
||
|
|
--bg: radial-gradient(hsl(173 100% 4%), var(--clr-bg));
|
||
|
|
--bg-opacity: 0.7;
|
||
|
|
|
||
|
|
/* Menu */
|
||
|
|
--clr-menu-text: hsl(0 0% 78%);
|
||
|
|
--clr-menu-bg: linear-gradient(180deg,
|
||
|
|
hsl(180 7% 14%) 0%,
|
||
|
|
hsl(216 7% 14%) 100%);
|
||
|
|
--clr-menu-arrow-bg: hsl(180 7% 14%);
|
||
|
|
--clr-menu-border: hsl(0 0% 19%);
|
||
|
|
|
||
|
|
--clr-theme-txt: hsl(177 100% 15%);
|
||
|
|
--clr-theme-active: hsl(177 100% 80%);
|
||
|
|
--clr-switch-on-bg: hsl(0 0% 24%);
|
||
|
|
--clr-switch-off-bg: hsl(0 0% 10%);
|
||
|
|
|
||
|
|
/* Hero */
|
||
|
|
--clr-hero-txt: hsl(174 27% 73%);
|
||
|
|
--clr-hero-bg: linear-gradient(270deg,
|
||
|
|
hsl(210 15% 13%) 43%,
|
||
|
|
hsl(176 19% 15%) 66%);
|
||
|
|
--clr-hero-divider-bg: hsl(0 0% 21%);
|
||
|
|
--clr-input-txt: hsl(177 100% 15%);
|
||
|
|
--clr-input-bg: hsl(210 13% 24%);
|
||
|
|
--clr-input-placeholder-txt: hsl(210 13% 50%);
|
||
|
|
--clr-input-border: hsl(0 0% 21%);
|
||
|
|
|
||
|
|
/* Card */
|
||
|
|
--clr-card-bg: linear-gradient(180deg,
|
||
|
|
hsl(180 7% 14%) 0%,
|
||
|
|
hsl(216 7% 14%) 100%);
|
||
|
|
--clr-card-txt: hsl(0 0% 78%);
|
||
|
|
|
||
|
|
/* Link */
|
||
|
|
--clr-link-txt: hsl(0 100% 98%);
|
||
|
|
--clr-link-background: hsl(0 0% 4%);
|
||
|
|
|
||
|
|
/* Footer */
|
||
|
|
--clr-footer-txt: hsl(0 0% 78%);
|
||
|
|
--clr-footer-bg: hsl(210 5% 7%);
|
||
|
|
|
||
|
|
/* Post */
|
||
|
|
--post-overlay-bg: radial-gradient(hsl(173 100% 4% / 80%), var(--clr-bg));
|
||
|
|
--post-blockquote-txt: hsl(173 100% 94%);
|
||
|
|
--post-blockquote-bg: hsl(173 60% 4%);
|
||
|
|
--post-blockquote-border: hsl(173 10% 10%);
|
||
|
|
|
||
|
|
--clr-code-bg: hsl(173 60% 4%);
|
||
|
|
--clr-code-title: hsl(173 100% 94%);
|
||
|
|
--clr-code-border: hsl(173 10% 10%);
|
||
|
|
--clr-code-line-number: hsl(173 20% 20%);
|
||
|
|
--clr-code-line-highlight: hsl(173 40% 8%);
|
||
|
|
--clr-code-inline-txt: hsl(173 100% 94%);
|
||
|
|
--clr-code-inline-bg: hsl(173 60% 4%);
|
||
|
|
|
||
|
|
--clr-token-1: hsl(173 100% 66%);
|
||
|
|
--clr-token-2: hsl(180 60% 80%);
|
||
|
|
--clr-token-3: hsl(173 100% 66%);
|
||
|
|
--clr-token-4: hsl(0 0% 98%);
|
||
|
|
--clr-token-5: hsl(173 10% 60%);
|
||
|
|
}
|