51 lines
1.3 KiB
SCSS
51 lines
1.3 KiB
SCSS
:root {
|
|
--bg: #fff;
|
|
--bg-code: #f5f5f5;
|
|
--fg: #444;
|
|
--sidebar-bg: #242529;
|
|
--sidebar-fg: #8b8f92;
|
|
--sidebar-active: #fafafa;
|
|
--sidebar-non-existant: #5c6773;
|
|
--sidebar-spacer: #2d334f;
|
|
--scrollbar: var(--sidebar-fg);
|
|
--icons: #737480;
|
|
--icons-hover: #b7b9cc;
|
|
--links: #0096cf;
|
|
--inline-code-color: #1f1f1f;
|
|
--theme-popup-bg: #14191f;
|
|
--theme-popup-border: #5c6773;
|
|
--theme-hover: #191f26;
|
|
--quote-bg: hsl(226, 15%, 17%);
|
|
--quote-border: hsl(226, 15%, 22%);
|
|
--table-border-color: hsl(210, 25%, 13%);
|
|
--table-header-bg: hsl(210, 25%, 28%);
|
|
--table-alternate-bg: hsl(210, 25%, 11%);
|
|
--searchbar-border-color: #848484;
|
|
--searchbar-bg: #424242;
|
|
--searchbar-fg: #fff;
|
|
--searchbar-shadow-color: #d4c89f;
|
|
--searchresults-header-fg: #666;
|
|
--searchresults-border-color: #888;
|
|
--searchresults-li-bg: #252932;
|
|
--search-mark-bg: #e3b171;
|
|
}
|
|
|
|
.menu {
|
|
background-color: var(--sidebar-bg);
|
|
ul a {
|
|
color: var(--sidebar-fg);
|
|
}
|
|
ul li.active > a {
|
|
color: var(--sidebar-active);
|
|
}
|
|
}
|
|
|
|
.page {
|
|
background-color: var(--bg);
|
|
color: var(--fg);
|
|
|
|
code {
|
|
color: var(--inline-code-color);
|
|
background-color: var(--bg-code);
|
|
}
|
|
}
|