docs-v2/assets/styles/themes/_theme-dark.scss

175 lines
5.1 KiB
SCSS
Raw Normal View History

/*
DARK THEME
____________________________________________________________
Notes:
- This file is interchangeable with themes/theme-light.scss
- Only contains color variables
*/
// General Styles
// --------------------------------------------------
@import "tools/color-palette";
$body-bg: $np-deepnight;
$body-gradient-top: rgba($m-magenta, .2);
$body-gradient-bottom: $np-deepnight;
// TopNav Colors
$topnav-link: $g20-white;
$topnav-link-hover: $b-pool;
2019-05-07 02:29:04 +00:00
$version-selector-top: $b-pool;
$version-selector-bottom: $cp-comet;
$theme-switch-light: inline-block;
$theme-switch-dark: none;
2018-12-21 17:12:28 +00:00
2019-05-09 23:09:04 +00:00
// Search
$sidebar-search-bg: $np-deepnight;
$sidebar-search-shadow: rgba($m-magenta, .05);
$sidebar-search-highlight: $b-pool;
2019-05-07 02:29:04 +00:00
$sidebar-search-text: $g20-white;
2018-12-21 17:12:28 +00:00
2019-05-09 23:09:04 +00:00
// Left Navigation
$nav-category: $b-pool;
$nav-category-hover: $g20-white;
$nav-item: $g16-pearl;
$nav-item-hover: $b-pool;
$nav-border: $wp-jango;
$nav-toggle: $g16-pearl;
$nav-toggle-hover: $g16-pearl;
$nav-toggle-bg-hover: $b-pool;
$nav-active: $ch-chartreuse;
2018-12-21 17:12:28 +00:00
// Article Content
$article-bg: $wp-violentdark;
2019-05-07 02:29:04 +00:00
$article-heading: $g20-white;
$article-heading-alt: $g19-ghost;
$article-text: $np-mischka;
$article-bold: $g18-cloud;
$article-link: $b-dodger;
$article-link-hover: $g20-white;
$article-hr: $wp-seance;
$article-shadow: $np-deepnight;
2018-12-21 23:59:12 +00:00
// Article Code
$article-code: $cp-munchkin;
$article-code-bg: $np-deepnight;
$article-code-accent1: $np-smokey;
$article-code-accent2: $b-pool;
$article-code-accent3: $gr-viridian;
$article-code-accent4: $o-ruby;
$article-code-accent5: #ff6db0;
$article-code-accent6: $b-pool;
$article-code-accent7: #e90;
$article-code-select: $b-pool;
$article-code-link: $b-dodger;
$article-code-link-hover: $g20-white;
$article-code-scrollbar: $np-martinique;
2018-12-31 17:30:41 +00:00
// Article Tables
$article-table-header-left: $wp-violet;
$article-table-header-right: $b-curious;
2019-05-09 23:09:04 +00:00
$article-table-row-alt: #3C0C59;
$article-table-scrollbar: $np-deepnight;
// Article Notes, Warnings, & Messages
$article-note-base: $gr-viridian;
$article-note-heading: $g20-white;
$article-note-text: $gr-viridian;
$article-note-link: $gr-rainforest;
$article-note-link-hover: $g20-white;
$article-note-table-header: $gr-viridian;
2019-05-09 23:09:04 +00:00
$article-note-table-row-alt: #3B2862;
$article-note-table-scrollbar: $np-deepnight;
$article-note-shadow: $np-deepnight;
$article-note-code: $cp-comet;
$article-note-code-bg: $wp-jaguar;
$article-note-code-accent1: #567375;
$article-note-code-accent2: $b-pool;
$article-note-code-accent3: $gr-viridian;
$article-note-code-accent4: $o-ruby;
$article-note-code-accent5: #ff6db0;
$article-note-code-accent6: $b-pool;
$article-note-code-accent7: #e90;
$article-note-code-scrollbar: $cp-jakarta;
$article-warn-base: $o-dreamsicle;
$article-warn-heading: $g20-white;
$article-warn-text: $o-dreamsicle;
$article-warn-link: $o-tungsten;
$article-warn-link-hover: $g20-white;
$article-warn-table-header: rgba($o-dreamsicle, .9);
2019-05-09 23:09:04 +00:00
$article-warn-table-row-alt: #531B5B;
$article-warn-table-scrollbar: $wp-telopea;
$article-warn-shadow: $np-deepnight;
$article-warn-code: #ec6e6e;
$article-warn-code-bg: $wp-telopea;
$article-warn-code-accent1: #844c4c;
$article-warn-code-accent2: $b-pool;
$article-warn-code-accent3: $gr-viridian;
$article-warn-code-accent4: $o-ruby;
$article-warn-code-accent5: #ffb4fb;
$article-warn-code-accent6: $b-pool;
$article-warn-code-accent7: #e90;
$article-warn-code-scrollbar: #561e4d;
$article-cloud-base: $b-pool;
$article-cloud-heading: $g20-white;
$article-cloud-text: $b-fleur;
$article-cloud-link: $b-hawkeye;
$article-cloud-link-hover: $g20-white;
$article-cloud-table-header: $b-pool;
2019-05-09 23:09:04 +00:00
$article-cloud-table-row-alt: #382876;
$article-cloud-table-scrollbar: $np-deepnight;
$article-cloud-shadow: $np-deepnight;
$article-cloud-code: $b-laser;
$article-cloud-code-bg: $wp-telopea;
$article-cloud-code-accent1: #567375;
$article-cloud-code-accent2: $b-pool;
$article-cloud-code-accent3: $gr-viridian;
$article-cloud-code-accent4: $o-ruby;
$article-cloud-code-accent5: #ff6db0;
$article-cloud-code-accent6: $b-pool;
$article-cloud-code-accent7: #e90;
$article-cloud-code-scrollbar: $cp-jakarta;
$article-enterprise-base: $cp-purple;
$article-enterprise-text: $cp-periwinkle;
$article-enterprise-link: $cp-coolfog;
$article-enterprise-link-hover: $g20-white;
// Article Tabs for tabbed content
$article-tab-text: $g12-forge;
$article-tab-bg: rgba($np-deepnight, .6);
$article-tab-active-text: $g20-white;
$article-tab-active-bg: $b-pool;
2019-01-03 00:18:01 +00:00
$article-tab-code-text: $g9-mountain;
$article-tab-code-bg: rgba($np-deepnight, .45);
$article-tab-code-text-hover: $g20-white;
$article-tab-code-bg-hover: $b-pool;
$article-tab-code-active-text: $g20-white;
2019-01-22 00:36:09 +00:00
// Article page buttons
$article-btn: $b-pool;
$article-btn-text: $g20-white;
$article-btn-hover: $b-pool;
$article-btn-text-hover: $g20-white;
2019-01-22 00:36:09 +00:00
// Error Page Colors
2019-05-09 23:09:04 +00:00
$error-page-btn: $b-dodger;
$error-page-btn-text: $g20-white;
$error-page-btn-hover: $g20-white;
2019-05-09 23:09:04 +00:00
$error-page-btn-hover-text: $b-dodger;
2019-01-23 06:36:55 +00:00
// Landing Page colors
$landing-lg-gradient-left: $wp-violentdark;
$landing-lg-gradient-right: $cp-minsk;
2019-07-23 13:58:03 +00:00
$landing-cloud-gradient-left: $m-magenta;
$landing-cloud-gradient-right: $cp-minsk;
$landing-sm-gradient-overlay: $b-dodger;
$landing-artwork-color: $cp-minsk;