aboutsummaryrefslogtreecommitdiff
path: root/book/theme/css/variables.css
diff options
context:
space:
mode:
authorEm Zhan2023-07-09 17:20:38 +0000
committerGitHub2023-07-09 17:20:38 +0000
commit9a324f337a2705e68035a356ad6b626ee4c6669b (patch)
treecceca85e3bf0ec7860e4873e6e103fc449b07ca9 /book/theme/css/variables.css
parent7c338429f845315fb276ff482f91b94b3102dbd8 (diff)
docs: Update mdBook theme and improve maintainability (#7524)
Diffstat (limited to 'book/theme/css/variables.css')
-rw-r--r--book/theme/css/variables.css411
1 files changed, 0 insertions, 411 deletions
diff --git a/book/theme/css/variables.css b/book/theme/css/variables.css
deleted file mode 100644
index 5d0978cc..00000000
--- a/book/theme/css/variables.css
+++ /dev/null
@@ -1,411 +0,0 @@
-
-/* Globals */
-
-:root {
- --sidebar-width: 300px;
- --page-padding: 15px;
- --content-max-width: 750px;
- --menu-bar-height: 50px;
-}
-
-/* Themes */
-
-.ayu {
- --bg: hsl(210, 25%, 8%);
- --fg: #c5c5c5;
-
- --sidebar-bg: #14191f;
- --sidebar-fg: #c8c9db;
- --sidebar-non-existent: #5c6773;
- --sidebar-active: #ffb454;
- --sidebar-spacer: #2d334f;
-
- --scrollbar: var(--sidebar-fg);
-
- --icons: #737480;
- --icons-hover: #b7b9cc;
-
- --links: #0096cf;
-
- --inline-code-color: #ffb454;
-
- --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;
- --hljs-background: #191f26;
- --hljs-color: #e6e1cf;
- --hljs-quote: #5c6773;
- --hljs-variable: #ff7733;
- --hljs-type: #ffee99;
- --hljs-title: #b8cc52;
- --hljs-symbol: #ffb454;
- --hljs-selector-tag: #ff7733;
- --hljs-selector-tag: #36a3d9;
- --hljs-selector-tag: #00568d;
- --hljs-selector-tag: #91b362;
- --hljs-selector-tag: #d96c75;
-}
-
-.coal {
- --bg: hsl(200, 7%, 8%);
- --fg: #98a3ad;
-
- --sidebar-bg: #292c2f;
- --sidebar-fg: #a1adb8;
- --sidebar-non-existent: #505254;
- --sidebar-active: #3473ad;
- --sidebar-spacer: #393939;
-
- --scrollbar: var(--sidebar-fg);
-
- --icons: #43484d;
- --icons-hover: #b3c0cc;
-
- --links: #2b79a2;
-
- --inline-code-color: #c5c8c6;
-
- --theme-popup-bg: #141617;
- --theme-popup-border: #43484d;
- --theme-hover: #1f2124;
-
- --quote-bg: hsl(234, 21%, 18%);
- --quote-border: hsl(234, 21%, 23%);
-
- --table-border-color: hsl(200, 7%, 13%);
- --table-header-bg: hsl(200, 7%, 28%);
- --table-alternate-bg: hsl(200, 7%, 11%);
-
- --searchbar-border-color: #aaa;
- --searchbar-bg: #b7b7b7;
- --searchbar-fg: #000;
- --searchbar-shadow-color: #aaa;
- --searchresults-header-fg: #666;
- --searchresults-border-color: #98a3ad;
- --searchresults-li-bg: #2b2b2f;
- --search-mark-bg: #355c7d;
- --hljs-background: #969896;
- --hljs-color: #cc6666;
- --hljs-quote: #de935f;
- --hljs-variable: #f0c674;
- --hljs-type: #b5bd68;
- --hljs-title: #8abeb7;
- --hljs-symbol: #81a2be;
- --hljs-selector-tag: #b294bb;
- --hljs-selector-tag: #1d1f21;
- --hljs-selector-tag: #c5c8c6;
- --hljs-selector-tag: #718c00;
- --hljs-selector-tag: #c82829;
-}
-
-.light {
- --bg: hsl(0, 0%, 100%);
- --fg: hsl(0, 0%, 0%);
-
- --sidebar-bg: #fafafa;
- --sidebar-fg: hsl(0, 0%, 0%);
- --sidebar-non-existent: #aaaaaa;
- --sidebar-active: #1f1fff;
- --sidebar-spacer: #f4f4f4;
-
- --scrollbar: #8F8F8F;
-
- --icons: #747474;
- --icons-hover: #000000;
-
- --links: #20609f;
-
- --inline-code-color: #301900;
-
- --theme-popup-bg: #fafafa;
- --theme-popup-border: #cccccc;
- --theme-hover: #e6e6e6;
-
- --quote-bg: hsl(197, 37%, 96%);
- --quote-border: hsl(197, 37%, 91%);
-
- --table-border-color: hsl(0, 0%, 95%);
- --table-header-bg: hsl(0, 0%, 80%);
- --table-alternate-bg: hsl(0, 0%, 97%);
-
- --searchbar-border-color: #aaa;
- --searchbar-bg: #fafafa;
- --searchbar-fg: #000;
- --searchbar-shadow-color: #aaa;
- --searchresults-header-fg: #666;
- --searchresults-border-color: #888;
- --searchresults-li-bg: #e4f2fe;
- --search-mark-bg: #a2cff5;
- --hljs-background: #f6f7f6;
- --hljs-color: #000;
- --hljs-quote: #575757;
- --hljs-variable: #d70025;
- --hljs-type: #b21e00;
- --hljs-title: #0030f2;
- --hljs-symbol: #008200;
- --hljs-selector-tag: #9d00ec;
-}
-
-.navy {
- --bg: hsl(226, 23%, 11%);
- --fg: #bcbdd0;
-
- --sidebar-bg: #282d3f;
- --sidebar-fg: #c8c9db;
- --sidebar-non-existent: #505274;
- --sidebar-active: #2b79a2;
- --sidebar-spacer: #2d334f;
-
- --scrollbar: var(--sidebar-fg);
-
- --icons: #737480;
- --icons-hover: #b7b9cc;
-
- --links: #2b79a2;
-
- --inline-code-color: #c5c8c6;
-
- --theme-popup-bg: #161923;
- --theme-popup-border: #737480;
- --theme-hover: #282e40;
-
- --quote-bg: hsl(226, 15%, 17%);
- --quote-border: hsl(226, 15%, 22%);
-
- --table-border-color: hsl(226, 23%, 16%);
- --table-header-bg: hsl(226, 23%, 31%);
- --table-alternate-bg: hsl(226, 23%, 14%);
-
- --searchbar-border-color: #aaa;
- --searchbar-bg: #aeaec6;
- --searchbar-fg: #000;
- --searchbar-shadow-color: #aaa;
- --searchresults-header-fg: #5f5f71;
- --searchresults-border-color: #5c5c68;
- --searchresults-li-bg: #242430;
- --search-mark-bg: #a2cff5;
-
- --hljs-background: #969896;
- --hljs-color: #cc6666;
- --hljs-quote: #de935f;
- --hljs-variable: #f0c674;
- --hljs-type: #b5bd68;
- --hljs-title: #8abeb7;
- --hljs-symbol: #81a2be;
- --hljs-selector-tag: #b294bb;
- --hljs-selector-tag: #1d1f21;
- --hljs-selector-tag: #c5c8c6;
- --hljs-selector-tag: #718c00;
- --hljs-selector-tag: #c82829;
-}
-
-.rust {
- --bg: hsl(60, 9%, 87%);
- --fg: #262625;
-
- --sidebar-bg: #3b2e2a;
- --sidebar-fg: #c8c9db;
- --sidebar-non-existent: #505254;
- --sidebar-active: #e69f67;
- --sidebar-spacer: #45373a;
-
- --scrollbar: var(--sidebar-fg);
-
- --icons: #737480;
- --icons-hover: #262625;
-
- --links: #2b79a2;
-
- --inline-code-color: #6e6b5e;
-
- --theme-popup-bg: #e1e1db;
- --theme-popup-border: #b38f6b;
- --theme-hover: #99908a;
-
- --quote-bg: hsl(60, 5%, 75%);
- --quote-border: hsl(60, 5%, 70%);
-
- --table-border-color: hsl(60, 9%, 82%);
- --table-header-bg: #b3a497;
- --table-alternate-bg: hsl(60, 9%, 84%);
-
- --searchbar-border-color: #aaa;
- --searchbar-bg: #fafafa;
- --searchbar-fg: #000;
- --searchbar-shadow-color: #aaa;
- --searchresults-header-fg: #666;
- --searchresults-border-color: #888;
- --searchresults-li-bg: #dec2a2;
- --search-mark-bg: #e69f67;
- --hljs-background: #f6f7f6;
- --hljs-color: #000;
- --hljs-quote: #575757;
- --hljs-variable: #d70025;
- --hljs-type: #b21e00;
- --hljs-title: #0030f2;
- --hljs-symbol: #008200;
- --hljs-selector-tag: #9d00ec;
-}
-
-@media (prefers-color-scheme: dark) {
- .light.no-js {
- --bg: hsl(200, 7%, 8%);
- --fg: #98a3ad;
-
- --sidebar-bg: #292c2f;
- --sidebar-fg: #a1adb8;
- --sidebar-non-existent: #505254;
- --sidebar-active: #3473ad;
- --sidebar-spacer: #393939;
-
- --scrollbar: var(--sidebar-fg);
-
- --icons: #43484d;
- --icons-hover: #b3c0cc;
-
- --links: #2b79a2;
-
- --inline-code-color: #c5c8c6;
-
- --theme-popup-bg: #141617;
- --theme-popup-border: #43484d;
- --theme-hover: #1f2124;
-
- --quote-bg: hsl(234, 21%, 18%);
- --quote-border: hsl(234, 21%, 23%);
-
- --table-border-color: hsl(200, 7%, 13%);
- --table-header-bg: hsl(200, 7%, 28%);
- --table-alternate-bg: hsl(200, 7%, 11%);
-
- --searchbar-border-color: #aaa;
- --searchbar-bg: #b7b7b7;
- --searchbar-fg: #000;
- --searchbar-shadow-color: #aaa;
- --searchresults-header-fg: #666;
- --searchresults-border-color: #98a3ad;
- --searchresults-li-bg: #2b2b2f;
- --search-mark-bg: #355c7d;
- }
-}
-
-.colibri {
- --bg: #3b224c;
- --fg: #bcbdd0;
- --heading-fg: #fff;
-
- --sidebar-bg: #281733;
- --sidebar-fg: #c8c9db;
- --sidebar-non-existent: #505274;
- --sidebar-active: #a4a0e8;
- --sidebar-spacer: #2d334f;
-
- --scrollbar: var(--sidebar-fg);
-
- --icons: #737480;
- --icons-hover: #b7b9cc;
-
- /* --links: #a4a0e8; */
- --links: #ECCDBA;
-
- --inline-code-color: hsl(48.7, 7.8%, 70%);
-
- --theme-popup-bg: #161923;
- --theme-popup-border: #737480;
- --theme-hover: rgba(0,0,0, .2);
-
- --quote-bg: #281733;
- --quote-border: hsl(226, 15%, 22%);
-
- --table-border-color: hsl(226, 23%, 76%);
- --table-header-bg: hsla(226, 23%, 31%, 0);
- --table-alternate-bg: hsl(226, 23%, 14%);
- --table-border-line: hsla(201deg, 20%, 92%, 0.2);
-
- --searchbar-border-color: #aaa;
- --searchbar-bg: #aeaec6;
- --searchbar-fg: #000;
- --searchbar-shadow-color: #aaa;
- --searchresults-header-fg: #5f5f71;
- --searchresults-border-color: #5c5c68;
- --searchresults-li-bg: #242430;
- --search-mark-bg: #acff5;
- --hljs-background: #2f1e2e;
- --hljs-color: #a39e9b;
- --hljs-quote: #8d8687;
- --hljs-variable: #ef6155;
- --hljs-type: #f99b15;
- --hljs-title: #fec418;
- --hljs-symbol: #48b685;
- --hljs-selector-tag: #815ba4;
-}
-
-.colibri {
-/*
- --bg: #ffffff;
- --fg: #452859;
- --fg: #5a5977;
- --heading-fg: #281733;
-
- --sidebar-bg: #281733;
- --sidebar-fg: #c8c9db;
- --sidebar-non-existent: #505274;
- --sidebar-active: #a4a0e8;
- --sidebar-spacer: #2d334f;
-
- --scrollbar: var(--sidebar-fg);
-
- --icons: #737480;
- --icons-hover: #b7b9cc;
-
- --links: #6F44F0;
-
- --inline-code-color: #a39e9b;
-
- --theme-popup-bg: #161923;
- --theme-popup-border: #737480;
- --theme-hover: rgba(0,0,0, .2);
-
- --quote-bg: rgba(0, 0, 0, 0);
- --quote-border: hsl(226, 15%, 75%);
-
- --table-border-color: #5a5977;
- --table-border-color: hsl(201deg 10% 67%);
- --table-header-bg: hsl(0, 0%, 100%);
- --table-alternate-bg: hsl(0, 0%, 97%);
- --table-border-line: hsl(201deg, 20%, 92%);
-
- --searchbar-border-color: #aaa;
- --searchbar-bg: #aeaec6;
- --searchbar-fg: #000;
- --searchbar-shadow-color: #aaa;
- --searchresults-header-fg: #5f5f71;
- --searchresults-border-color: #5c5c68;
- --searchresults-li-bg: #242430;
- --search-mark-bg: #a2cff5;
- --hljs-background: #TODO;
- --hljs-color: #TODO;
- --hljs-quote: #TODO;
- --hljs-variable: #TODO;
- --hljs-type: #TODO;
- --hljs-title: #TODO;
- --hljs-symbol: #TODO;
- --hljs-selector-tag: #TODO;
-*/
-}