mirror of
https://github.com/DerTyp7/explainegy-nextjs.git
synced 2025-10-29 21:02:13 +01:00
63 lines
2.1 KiB
SCSS
63 lines
2.1 KiB
SCSS
// We use pure CSS variables in this file because SCSS variables get hardcoded after compiling,
|
|
// which means the dynamic changing effect is lost.
|
|
// Using CSS variables allows us to change the values at runtime
|
|
|
|
:root {
|
|
/*! By default colors are in DARK mode */
|
|
/* Colors: General */
|
|
--color-background-body: #181a1b;
|
|
--color-font: #ffffff;
|
|
--color-shadow-nav: #00000033;
|
|
|
|
--color-overlay-mix: var(--color-font);
|
|
--color-background-nav: transparent;
|
|
--color-svg-nav: rgb(191, 191, 191);
|
|
|
|
--color-background-card: rgba(123, 123, 123, 0.13);
|
|
--color-background-dropdown: var(--color-background-body);
|
|
--color-accent: #2294ff;
|
|
--color-font-link: var(--color-accent);
|
|
|
|
--color-font-link-hover: #5caffc;
|
|
|
|
/* Colors: Markdown */
|
|
--md-color-font: rgb(220, 217, 217);
|
|
--md-color-headline: rgb(229, 228, 228);
|
|
--md-color-hr: rgba(125, 125, 125, 0.481);
|
|
|
|
--md-color-table-col-even-background: #3b556f;
|
|
--md-color-table-col-odd-background: #2f4459;
|
|
--md-color-table-row-even-background: rgba(52, 52, 52, 0.174);
|
|
--md-color-table-row-odd-background: transparent;
|
|
--md-color-blockquote-border: var(--color-accent);
|
|
--md-color-blockquote-background: rgba(52, 52, 52, 0.2);
|
|
|
|
.theme-light {
|
|
--color-background-body: #ffffff;
|
|
--color-font: #000000;
|
|
--color-shadow-nav: #000c2b0d;
|
|
|
|
--color-overlay-mix: var(--color-font);
|
|
--color-background-nav: transparent;
|
|
--color-svg-nav: rgb(54, 54, 54);
|
|
|
|
--color-background-card: rgba(171, 170, 170, 0.13);
|
|
--color-background-dropdown: var(--color-background-body);
|
|
--color-accent: #2294ff;
|
|
--color-font-link: var(--color-accent);
|
|
--color-font-link-hover: #0966be;
|
|
|
|
/* Colors: Markdown */
|
|
--md-color-font: rgb(33, 33, 33);
|
|
--md-color-headline: rgb(22, 22, 22);
|
|
--md-color-hr: rgba(145, 145, 145, 0.481);
|
|
|
|
--md-color-table-col-even-background: #3b556f;
|
|
--md-color-table-col-odd-background: #2f4459;
|
|
--md-color-table-row-even-background: rgba(150, 148, 148, 0.174);
|
|
--md-color-table-row-odd-background: transparent;
|
|
--md-color-blockquote-border: var(--color-accent);
|
|
--md-color-blockquote-background: rgba(176, 175, 175, 0.2);
|
|
}
|
|
}
|