From 6ae63597616f6798923d3bc306de807bbfa4377b Mon Sep 17 00:00:00 2001 From: Scott Anderson Date: Mon, 6 May 2019 09:16:38 -0600 Subject: [PATCH] made light theme default, renamed layouts --- .../{_layout-article.scss => _article.scss} | 32 +-- ...ent-wrapper.scss => _content-wrapper.scss} | 2 +- ...ayout-error-page.scss => _error-page.scss} | 2 +- .../{_layout-global.scss => _global.scss} | 0 .../{_layout-landing.scss => _landing.scss} | 2 +- ...debar-toggle.scss => _sidebar-toggle.scss} | 4 +- .../{_layout-sidebar.scss => _sidebar.scss} | 4 +- .../{_layout-topnav.scss => _top-nav.scss} | 4 +- .../{styles-light.scss => styles-dark.scss} | 6 +- assets/styles/styles-default.scss | 22 +- assets/styles/themes/_theme-dark.scss | 225 +++++++++--------- assets/styles/themes/_theme-light.scss | 225 +++++++++--------- layouts/partials/header/stylesheets.html | 8 +- 13 files changed, 268 insertions(+), 268 deletions(-) rename assets/styles/layouts/{_layout-article.scss => _article.scss} (95%) rename assets/styles/layouts/{_layout-content-wrapper.scss => _content-wrapper.scss} (92%) rename assets/styles/layouts/{_layout-error-page.scss => _error-page.scss} (97%) rename assets/styles/layouts/{_layout-global.scss => _global.scss} (100%) rename assets/styles/layouts/{_layout-landing.scss => _landing.scss} (98%) rename assets/styles/layouts/{_layout-sidebar-toggle.scss => _sidebar-toggle.scss} (95%) rename assets/styles/layouts/{_layout-sidebar.scss => _sidebar.scss} (98%) rename assets/styles/layouts/{_layout-topnav.scss => _top-nav.scss} (96%) rename assets/styles/{styles-light.scss => styles-dark.scss} (51%) diff --git a/assets/styles/layouts/_layout-article.scss b/assets/styles/layouts/_article.scss similarity index 95% rename from assets/styles/layouts/_layout-article.scss rename to assets/styles/layouts/_article.scss index 742c629d3..43ad3d7fa 100644 --- a/assets/styles/layouts/_layout-article.scss +++ b/assets/styles/layouts/_article.scss @@ -1,6 +1,6 @@ .article { background: $article-bg; - border-radius: $border-radius 0 0 $border-radius; + border-radius: $radius 0 0 $radius; padding: 2rem 4rem 3rem; } @@ -81,7 +81,7 @@ img { max-width: 100%; margin-bottom: 2rem; - border-radius: ($border-radius * 1.5); + border-radius: ($radius * 1.5); box-shadow: 1px 3px 10px $article-shadow; } @@ -149,7 +149,7 @@ p,li,table,h2,h3,h4,h5,h6 { code { padding: .15rem .45rem .25rem; - border-radius: $border-radius; + border-radius: $radius; color: $article-code; white-space: nowrap; font-style: normal; @@ -188,7 +188,7 @@ pre { margin: 2rem 0 2.25rem; padding: 1.75rem 1.75rem 1.25rem; - border-radius: $border-radius; + border-radius: $radius; overflow-x: scroll; overflow-y: hidden; code { @@ -208,7 +208,7 @@ overflow-x: auto; overflow-y: hidden; box-shadow: 1px 3px 10px $article-shadow; - border-radius: ($border-radius * 1.5); + border-radius: ($radius * 1.5); th, td { padding: .85rem 1.25rem; @@ -221,10 +221,10 @@ th { color: $g20-white; &:first-child { - border-radius: ($border-radius * 1.5) 0 0 0; + border-radius: ($radius * 1.5) 0 0 0; } &:last-child { - border-radius: 0 ($border-radius * 1.5) 0 0; + border-radius: 0 ($radius * 1.5) 0 0; } } @@ -239,8 +239,8 @@ } &:last-child { td { - &:first-child { border-radius: 0 0 0 ($border-radius * 1.5); } - &:last-child { border-radius: 0 0 ($border-radius * 1.5) 0; } + &:first-child { border-radius: 0 0 0 ($radius * 1.5); } + &:last-child { border-radius: 0 0 ($radius * 1.5) 0; } } } @@ -279,7 +279,7 @@ margin: 1rem 0 2rem; border-width: 0 0 0 4px; border-style: solid; - border-radius: 0 $border-radius $border-radius 0; + border-radius: 0 $radius $radius 0; font-size: .95rem; ul,ol { @@ -413,7 +413,7 @@ font-style: normal; font-weight: bold; color: $g20-white; - border-radius: $border-radius; + border-radius: $radius; vertical-align: text-bottom; } } @@ -497,7 +497,7 @@ padding: .35rem .75rem; display: inline-block; text-align: center; - border-radius: $border-radius; + border-radius: $radius; background-color: $article-tab-bg; transition: background-color .2s, color .2s; @@ -537,7 +537,7 @@ a { padding: .1rem .75rem; margin: 0; - border-radius: $border-radius $border-radius 0 0; + border-radius: $radius $radius 0 0; display: inline-block; background: $article-tab-code-bg; color: $article-tab-code-text; @@ -555,7 +555,7 @@ padding: 0; pre { margin: 0 0 3rem; - border-radius: $border-radius 0 $border-radius $border-radius; + border-radius: $radius 0 $radius $radius; } } } @@ -584,7 +584,7 @@ text-align: center; font-size: .75rem; text-transform: uppercase; - border-radius: $border-radius; + border-radius: $radius; transition: color .2s; &:before{ content: "Show Less"; @@ -621,7 +621,7 @@ padding: .5rem 1rem; background: $article-btn; color: $article-btn-text; - border-radius: $border-radius; + border-radius: $radius; font-size: .95rem; &:hover { diff --git a/assets/styles/layouts/_layout-content-wrapper.scss b/assets/styles/layouts/_content-wrapper.scss similarity index 92% rename from assets/styles/layouts/_layout-content-wrapper.scss rename to assets/styles/layouts/_content-wrapper.scss index 918e7480b..de7e57a9b 100644 --- a/assets/styles/layouts/_layout-content-wrapper.scss +++ b/assets/styles/layouts/_content-wrapper.scss @@ -2,7 +2,7 @@ flex-grow: 1; width: 75%; position: relative; - border-radius: $border-radius 0 0 $border-radius; + border-radius: $radius 0 0 $radius; overflow: hidden; .copyright { diff --git a/assets/styles/layouts/_layout-error-page.scss b/assets/styles/layouts/_error-page.scss similarity index 97% rename from assets/styles/layouts/_layout-error-page.scss rename to assets/styles/layouts/_error-page.scss index 646120369..3acd667a1 100644 --- a/assets/styles/layouts/_layout-error-page.scss +++ b/assets/styles/layouts/_error-page.scss @@ -61,7 +61,7 @@ flex-grow: 1; margin-right: 4px; padding: .75rem 1rem; - border-radius: $border-radius; + border-radius: $radius; background: $error-page-btn; text-align: center; color: $error-page-btn-text; diff --git a/assets/styles/layouts/_layout-global.scss b/assets/styles/layouts/_global.scss similarity index 100% rename from assets/styles/layouts/_layout-global.scss rename to assets/styles/layouts/_global.scss diff --git a/assets/styles/layouts/_layout-landing.scss b/assets/styles/layouts/_landing.scss similarity index 98% rename from assets/styles/layouts/_layout-landing.scss rename to assets/styles/layouts/_landing.scss index 3330239d8..59371b82a 100644 --- a/assets/styles/layouts/_layout-landing.scss +++ b/assets/styles/layouts/_landing.scss @@ -59,7 +59,7 @@ font-weight: bold; background: rgba($g20-white, .1); border: 2px solid rgba($g20-white, .5); - border-radius: $border-radius; + border-radius: $radius; transition: background-color .2s, color .2s; &:hover { diff --git a/assets/styles/layouts/_layout-sidebar-toggle.scss b/assets/styles/layouts/_sidebar-toggle.scss similarity index 95% rename from assets/styles/layouts/_layout-sidebar-toggle.scss rename to assets/styles/layouts/_sidebar-toggle.scss index c2b634cda..cac354039 100644 --- a/assets/styles/layouts/_layout-sidebar-toggle.scss +++ b/assets/styles/layouts/_sidebar-toggle.scss @@ -41,7 +41,7 @@ $vertical-offset: -14px; width: 35px; left: 0; background-color: $body-bg; - border-radius: 0 $border-radius $border-radius 0; + border-radius: 0 $radius $radius 0; &:before, &:after { content: url("data:image/svg+xml;charset=UTF-8, @@ -61,7 +61,7 @@ $vertical-offset: -14px; width: 30px; right: 0; background-color: $article-bg; - border-radius: $border-radius 0 0 $border-radius; + border-radius: $radius 0 0 $radius; &:before, &:after { content: url("data:image/svg+xml;charset=UTF-8, diff --git a/assets/styles/layouts/_layout-sidebar.scss b/assets/styles/layouts/_sidebar.scss similarity index 98% rename from assets/styles/layouts/_layout-sidebar.scss rename to assets/styles/layouts/_sidebar.scss index 341920b40..45195b9a9 100644 --- a/assets/styles/layouts/_layout-sidebar.scss +++ b/assets/styles/layouts/_sidebar.scss @@ -21,7 +21,7 @@ input { background: $sidebar-search-bg; - border-radius: $border-radius; + border-radius: $radius; border: 1px solid $sidebar-search-bg; padding: .5em 2.15rem .5rem .5rem; width: 100%; @@ -33,7 +33,7 @@ outline: none; border-color: $sidebar-search-highlight; box-shadow: 1px 1px 10px rgba($sidebar-search-highlight, .5); - border-radius: $border-radius; + border-radius: $radius; } &::placeholder { font-family: 'Roboto'; diff --git a/assets/styles/layouts/_layout-topnav.scss b/assets/styles/layouts/_top-nav.scss similarity index 96% rename from assets/styles/layouts/_layout-topnav.scss rename to assets/styles/layouts/_top-nav.scss index c4ae48e13..c0c057c9b 100644 --- a/assets/styles/layouts/_layout-topnav.scss +++ b/assets/styles/layouts/_top-nav.scss @@ -45,7 +45,7 @@ height: 2rem; background: $version-selector-top; font-weight: 700; - border-radius: $border-radius; + border-radius: $radius; overflow: hidden; cursor: pointer; transition: right .2s; @@ -87,7 +87,7 @@ background: rgba($g20-white, .2) } &:last-child { - border-radius: 0 0 $border-radius $border-radius; + border-radius: 0 0 $radius $radius; position: relative; } &.legacy { diff --git a/assets/styles/styles-light.scss b/assets/styles/styles-dark.scss similarity index 51% rename from assets/styles/styles-light.scss rename to assets/styles/styles-dark.scss index e15b24e57..281285501 100644 --- a/assets/styles/styles-light.scss +++ b/assets/styles/styles-dark.scss @@ -1,8 +1,8 @@ // InfluxData Docs Theme File -// Light Theme +// Dark Theme -// Provide light them overrides -@import "themes/theme-light"; +// Provide dark them overrides +@import "themes/theme-dark"; // Import default theme @import "styles-default"; diff --git a/assets/styles/styles-default.scss b/assets/styles/styles-default.scss index 3fb1e07fe..d22c47221 100644 --- a/assets/styles/styles-default.scss +++ b/assets/styles/styles-default.scss @@ -1,24 +1,24 @@ -// InfluxData Docs Default Theme (Dark) +// InfluxData Docs Default Theme (Light) // Import Tools @import "tools/icomoon"; @import "tools/media-queries.scss"; @import "tools/mixins.scss"; -// Import default dark theme -@import "themes/theme-dark.scss"; +// Import default light theme +@import "themes/theme-light.scss"; // Import Layout Styles @import "normalize/import-now", - "layouts/layout-global", - "layouts/layout-topnav", - "layouts/layout-sidebar", - "layouts/layout-sidebar-toggle", - "layouts/layout-content-wrapper", - "layouts/layout-article", + "layouts/global", + "layouts/top-nav", + "layouts/sidebar", + "layouts/sidebar-toggle", + "layouts/content-wrapper", + "layouts/article", "layouts/inline-icons", "layouts/ui-messages", "layouts/syntax-highlighting", "layouts/algolia-search-overrides", - "layouts/layout-landing", - "layouts/layout-error-page"; + "layouts/landing", + "layouts/error-page"; diff --git a/assets/styles/themes/_theme-dark.scss b/assets/styles/themes/_theme-dark.scss index b5a9eba12..7f84a2a21 100644 --- a/assets/styles/themes/_theme-dark.scss +++ b/assets/styles/themes/_theme-dark.scss @@ -14,142 +14,141 @@ @import "tools/color-palette"; -$body-bg: $g1-raven !default; -$border-radius: 3px !default; +$body-bg: $g1-raven; // TopNav Colors -$topnav-link: $g20-white !default; -$topnav-link-hover: $b-pool !default; -$version-selector-top: $b-ocean !default; -$version-selector-bottom: $p-star !default; -$theme-switch-light: inline-block !default; -$theme-switch-dark: none !default; +$topnav-link: $g20-white; +$topnav-link-hover: $b-pool; +$version-selector-top: $b-ocean; +$version-selector-bottom: $p-star; +$theme-switch-light: inline-block; +$theme-switch-dark: none; // Sidebar -$sidebar-search-bg: $g3-castle !default; -$sidebar-search-shadow: #0F0F10 !default; -$sidebar-search-highlight: $b-pool !default; +$sidebar-search-bg: $g3-castle; +$sidebar-search-shadow: #0F0F10; +$sidebar-search-highlight: $b-pool; // Article Content -$article-bg: $g3-castle !default; -$article-heading: $g19-ghost !default; -$article-heading-alt: $g19-ghost !default; -$article-text: $g14-chromium !default; -$article-bold: $g18-cloud !default; -$article-link: #2aa3ff !default; -$article-link-hover: $g20-white !default; -$article-hr: $g6-smoke !default; -$article-shadow: #191a1b !default; -$article-note-shadow: #191a1b !default; -$article-warn-shadow: #191a1b !default; +$article-bg: $g3-castle; +$article-heading: $g19-ghost; +$article-heading-alt: $g19-ghost; +$article-text: $g14-chromium; +$article-bold: $g18-cloud; +$article-link: #2aa3ff; +$article-link-hover: $g20-white; +$article-hr: $g6-smoke; +$article-shadow: #191a1b; +$article-note-shadow: #191a1b; +$article-warn-shadow: #191a1b; // Article Code -$article-code: $p-potassium !default; -$article-code-bg: $g1-raven !default; -$article-code-accent1: $g9-mountain !default; -$article-code-accent2: $b-pool !default; -$article-code-accent3: $gr-viridian !default; -$article-code-accent4: $o-ruby !default; -$article-code-accent5: #ff6db0 !default; -$article-code-accent6: $b-pool !default; -$article-code-accent7: #e90 !default; -$article-code-select: $b-pool !default; -$article-code-link: #2aa3ff !default; -$article-code-link-hover: $g20-white !default; -$article-code-scrollbar: $g7-graphite !default; +$article-code: $p-potassium; +$article-code-bg: $g1-raven; +$article-code-accent1: $g9-mountain; +$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: #2aa3ff; +$article-code-link-hover: $g20-white; +$article-code-scrollbar: $g7-graphite; // Article Tables -$article-table-header-left: $p-planet !default; -$article-table-header-right: $b-sapphire !default; -$article-table-row-alt: $g2-kevlar !default; +$article-table-header-left: $p-planet; +$article-table-header-right: $b-sapphire; +$article-table-row-alt: $g2-kevlar; // Article Notes, Warnings, & Messages -$article-note-base: $gr-viridian !default; -$article-note-heading: $g20-white !default; -$article-note-text: $gr-viridian !default; -$article-note-link: $gr-rainforest !default; -$article-note-link-hover: $g20-white !default; -$article-note-table-header: $gr-viridian !default; -$article-note-table-row-alt: #21272d !default; -$article-note-code: #75d2f1 !default; -$article-note-code-bg: #20272b !default; -$article-note-code-accent1: #567375 !default; -$article-note-code-accent2: $b-pool !default; -$article-note-code-accent3: $gr-viridian !default; -$article-note-code-accent4: $o-ruby !default; -$article-note-code-accent5: #ff6db0 !default; -$article-note-code-accent6: $b-pool !default; -$article-note-code-accent7: #e90 !default; -$article-note-code-scrollbar: $gr-grass !default; +$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; +$article-note-table-row-alt: #21272d; +$article-note-code: #75d2f1; +$article-note-code-bg: #20272b; +$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: $gr-grass; -$article-warn-base: $o-dreamsicle !default; -$article-warn-heading: $g20-white !default; -$article-warn-text: $o-dreamsicle !default; -$article-warn-link: $o-tungsten !default; -$article-warn-link-hover: $g20-white !default; -$article-warn-table-header: $o-dreamsicle !default; -$article-warn-table-row-alt: #2b252b !default; -$article-warn-code: #ec6e6e !default; -$article-warn-code-bg: #292024 !default; -$article-warn-code-accent1: #844c4c !default; -$article-warn-code-accent2: $b-pool !default; -$article-warn-code-accent3: $gr-viridian !default; -$article-warn-code-accent4: $o-ruby !default; -$article-warn-code-accent5: #ffb4fb !default; -$article-warn-code-accent6: $b-pool !default; -$article-warn-code-accent7: #e90 !default; -$article-warn-code-scrollbar: #5f3535 !default; +$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: $o-dreamsicle; +$article-warn-table-row-alt: #2b252b; +$article-warn-code: #ec6e6e; +$article-warn-code-bg: #292024; +$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: #5f3535; -$article-enterprise-base: $p-star !default; -$article-enterprise-text: $p-potassium !default; -$article-enterprise-link: $p-moonstone !default; -$article-enterprise-link-hover: $g20-white !default; +$article-enterprise-base: $p-star; +$article-enterprise-text: $p-potassium; +$article-enterprise-link: $p-moonstone; +$article-enterprise-link-hover: $g20-white; -$article-cloud-base: $b-pool !default; -$article-cloud-text: $b-neutrino !default; -$article-cloud-link: $b-snow !default; -$article-cloud-link-hover: $g20-white !default; -$article-cloud-code: $b-laser !default; -$article-cloud-code-bg: $b-abyss !default; +$article-cloud-base: $b-pool; +$article-cloud-text: $b-neutrino; +$article-cloud-link: $b-snow; +$article-cloud-link-hover: $g20-white; +$article-cloud-code: $b-laser; +$article-cloud-code-bg: $b-abyss; // Article Tabs for tabbed content -$article-tab-text: $g12-forge !default; -$article-tab-bg: $g4-onyx !default; -$article-tab-active-text: $g20-white !default; -$article-tab-active-bg: $b-ocean !default; +$article-tab-text: $g12-forge; +$article-tab-bg: $g4-onyx; +$article-tab-active-text: $g20-white; +$article-tab-active-bg: $b-ocean; -$article-tab-code-text: $g9-mountain !default; -$article-tab-code-bg: $g5-pepper !default; -$article-tab-code-text-hover: $g20-white !default; -$article-tab-code-bg-hover: $b-ocean !default; -$article-tab-code-active-text: $g20-white !default; +$article-tab-code-text: $g9-mountain; +$article-tab-code-bg: $g5-pepper; +$article-tab-code-text-hover: $g20-white; +$article-tab-code-bg-hover: $b-ocean; +$article-tab-code-active-text: $g20-white; // Article page buttons -$article-btn: $b-ocean !default; -$article-btn-text: $g20-white !default; -$article-btn-hover: $b-pool !default; -$article-btn-text-hover: $g20-white !default; +$article-btn: $b-ocean; +$article-btn-text: $g20-white; +$article-btn-hover: $b-pool; +$article-btn-text-hover: $g20-white; // Left Navigation -$nav-category: $b-ocean !default; -$nav-category-hover: $g20-white !default; -$nav-item: $g16-pearl !default; -$nav-item-hover: $b-ocean !default; -$nav-border: $g5-pepper !default; -$nav-toggle: $g16-pearl !default; -$nav-toggle-hover: $g16-pearl !default; -$nav-toggle-bg-hover: $b-ocean !default; -$nav-active: $gr-rainforest !default; +$nav-category: $b-ocean; +$nav-category-hover: $g20-white; +$nav-item: $g16-pearl; +$nav-item-hover: $b-ocean; +$nav-border: $g5-pepper; +$nav-toggle: $g16-pearl; +$nav-toggle-hover: $g16-pearl; +$nav-toggle-bg-hover: $b-ocean; +$nav-active: $gr-rainforest; // Error Page Colors -$error-page-btn: $b-ocean !default; -$error-page-btn-text: $g20-white !default; -$error-page-btn-hover: $g20-white !default; -$error-page-btn-hover-text: $b-ocean !default; +$error-page-btn: $b-ocean; +$error-page-btn-text: $g20-white; +$error-page-btn-hover: $g20-white; +$error-page-btn-hover-text: $b-ocean; // Landing Page colors -$landing-lg-gradient-left: $b-ocean !default; -$landing-lg-gradient-right: $b-pool !default; -$landing-sm-gradient-left: $p-planet !default; -$landing-sm-gradient-right: $p-star !default; -$landing-sm-gradient-overlay: $p-shadow !default; +$landing-lg-gradient-left: $b-ocean; +$landing-lg-gradient-right: $b-pool; +$landing-sm-gradient-left: $p-planet; +$landing-sm-gradient-right: $p-star; +$landing-sm-gradient-overlay: $p-shadow; diff --git a/assets/styles/themes/_theme-light.scss b/assets/styles/themes/_theme-light.scss index a609112fe..9589a48de 100644 --- a/assets/styles/themes/_theme-light.scss +++ b/assets/styles/themes/_theme-light.scss @@ -14,141 +14,142 @@ // General Styles // -------------------------------------------------- -$body-bg: $g18-cloud; +$body-bg: $g18-cloud !default; +$radius: 3px !default; // TopNav Colors -$topnav-link: $g5-pepper; -$topnav-link-hover: $b-ocean; -$version-selector-top: $b-pool; -$version-selector-bottom: $gr-viridian; -$theme-switch-light: none; -$theme-switch-dark: inline-block; +$topnav-link: $g5-pepper !default; +$topnav-link-hover: $b-ocean !default; +$version-selector-top: $b-pool !default; +$version-selector-bottom: $gr-viridian !default; +$theme-switch-light: none !default; +$theme-switch-dark: inline-block !default; // Sidebar -$sidebar-search-bg: $g20-white; -$sidebar-search-shadow: $g14-chromium; -$sidebar-search-highlight: $b-ocean; +$sidebar-search-bg: $g20-white !default; +$sidebar-search-shadow: $g14-chromium !default; +$sidebar-search-highlight: $b-ocean !default; // Article Content -$article-bg: $g20-white; -$article-heading: $g7-graphite; -$article-heading-alt: $g7-graphite; -$article-text: $g8-storm; -$article-bold: $g8-storm; -$article-link: $b-ocean; -$article-link-hover: $gr-viridian; -$article-shadow: #c8cdd0; -$article-hr: $g15-platinum; -$article-note-shadow: #8cb7ab; -$article-warn-shadow: #b98a7d; +$article-bg: $g20-white !default; +$article-heading: $g7-graphite !default; +$article-heading-alt: $g7-graphite !default; +$article-text: $g8-storm !default; +$article-bold: $g8-storm !default; +$article-link: $b-ocean !default; +$article-link-hover: $gr-viridian !default; +$article-shadow: #c8cdd0 !default; +$article-hr: $g15-platinum !default; +$article-note-shadow: #8cb7ab !default; +$article-warn-shadow: #b98a7d !default; // Article Code -$article-code: $p-star; -$article-code-bg: $p-violettecreme; -$article-code-accent1: $p-potassium; -$article-code-accent2: $b-ocean; -$article-code-accent3: #008e7c; -$article-code-accent4: $o-ruby; -$article-code-accent5: #e24bbb; -$article-code-accent6: $b-ocean; -$article-code-accent7: #e90; -$article-code-select: $b-pool; -$article-code-link: $b-sapphire; -$article-code-link-hover: $gr-emerald; -$article-code-scrollbar: $p-potassium; +$article-code: $p-star !default; +$article-code-bg: $p-violettecreme !default; +$article-code-accent1: $p-potassium !default; +$article-code-accent2: $b-ocean !default; +$article-code-accent3: #008e7c !default; +$article-code-accent4: $o-ruby !default; +$article-code-accent5: #e24bbb !default; +$article-code-accent6: $b-ocean !default; +$article-code-accent7: #e90 !default; +$article-code-select: $b-pool !default; +$article-code-link: $b-sapphire !default; +$article-code-link-hover: $gr-emerald !default; +$article-code-scrollbar: $p-potassium !default; // Article Tables -$article-table-header-left: $b-pool; -$article-table-header-right: $gr-honeydew; -$article-table-row-alt: $g18-cloud; +$article-table-header-left: $b-pool !default; +$article-table-header-right: $gr-honeydew !default; +$article-table-row-alt: $g18-cloud !default; // Article Notes & Warnings -$article-note-base: $gr-rainforest; -$article-note-heading: $gr-emerald; -$article-note-text: $gr-emerald; -$article-note-link: rgba($gr-emerald, .75); -$article-note-link-hover: $b-pool; -$article-note-table-header: $gr-viridian; -$article-note-table-row-alt: #d6f5e9; -$article-note-code: #0A6f75; -$article-note-code-bg: #d6f7ec; -$article-note-code-accent1: #6abba0; -$article-note-code-accent2: #0084d6; -$article-note-code-accent3: #5d52d6; -$article-note-code-accent4: $o-ruby; -$article-note-code-accent5: #e24bbb; -$article-note-code-accent6: #0084d6; -$article-note-code-accent7: #e90; -$article-note-code-scrollbar: #87DABE; +$article-note-base: $gr-rainforest !default; +$article-note-heading: $gr-emerald !default; +$article-note-text: $gr-emerald !default; +$article-note-link: rgba($gr-emerald, .75) !default; +$article-note-link-hover: $b-pool !default; +$article-note-table-header: $gr-viridian !default; +$article-note-table-row-alt: #d6f5e9 !default; +$article-note-code: #0A6f75 !default; +$article-note-code-bg: #d6f7ec !default; +$article-note-code-accent1: #6abba0 !default; +$article-note-code-accent2: #0084d6 !default; +$article-note-code-accent3: #5d52d6 !default; +$article-note-code-accent4: $o-ruby !default; +$article-note-code-accent5: #e24bbb !default; +$article-note-code-accent6: #0084d6 !default; +$article-note-code-accent7: #e90 !default; +$article-note-code-scrollbar: #87DABE !default; -$article-warn-base: $o-dreamsicle; -$article-warn-heading: $o-fire; -$article-warn-text: $o-curacao; -$article-warn-link: rgba($o-curacao, .75); -$article-warn-link-hover: $b-sapphire; -$article-warn-table-header: $o-dreamsicle; -$article-warn-table-row-alt: #ffe6df; -$article-warn-code: #d0154e; -$article-warn-code-bg: #ffebeb; -$article-warn-code-accent1: #fd99b8; -$article-warn-code-accent2: #357ae8; -$article-warn-code-accent3: #6c59cc; -$article-warn-code-accent4: $o-ruby; -$article-warn-code-accent5: #6a0a6f; -$article-warn-code-accent6: #357ae8; -$article-warn-code-accent7: #e90; -$article-warn-code-scrollbar: #FFB1B1; +$article-warn-base: $o-dreamsicle !default; +$article-warn-heading: $o-fire !default; +$article-warn-text: $o-curacao !default; +$article-warn-link: rgba($o-curacao, .75) !default; +$article-warn-link-hover: $b-sapphire !default; +$article-warn-table-header: $o-dreamsicle !default; +$article-warn-table-row-alt: #ffe6df !default; +$article-warn-code: #d0154e !default; +$article-warn-code-bg: #ffebeb !default; +$article-warn-code-accent1: #fd99b8 !default; +$article-warn-code-accent2: #357ae8 !default; +$article-warn-code-accent3: #6c59cc !default; +$article-warn-code-accent4: $o-ruby !default; +$article-warn-code-accent5: #6a0a6f !default; +$article-warn-code-accent6: #357ae8 !default; +$article-warn-code-accent7: #e90 !default; +$article-warn-code-scrollbar: #FFB1B1 !default; -$article-enterprise-base: $p-comet; -$article-enterprise-text: $p-star; -$article-enterprise-link: $p-star; -$article-enterprise-link-hover: $b-ocean; +$article-enterprise-base: $p-comet !default; +$article-enterprise-text: $p-star !default; +$article-enterprise-link: $p-star !default; +$article-enterprise-link-hover: $b-ocean !default; -$article-cloud-base: $b-laser; -$article-cloud-text: $b-ocean; -$article-cloud-link: $b-ocean; -$article-cloud-link-hover: $gr-canopy; -$article-cloud-code: $b-sapphire; -$article-cloud-code-bg: rgba($b-pool, .25); +$article-cloud-base: $b-laser !default; +$article-cloud-text: $b-ocean !default; +$article-cloud-link: $b-ocean !default; +$article-cloud-link-hover: $gr-canopy !default; +$article-cloud-code: $b-sapphire !default; +$article-cloud-code-bg: rgba($b-pool, .25) !default; // Article Tabs for tabbed content -$article-tab-text: $g8-storm; -$article-tab-bg: $g18-cloud; -$article-tab-active-text: $g20-white; -$article-tab-active-bg: $b-pool; +$article-tab-text: $g8-storm !default; +$article-tab-bg: $g18-cloud !default; +$article-tab-active-text: $g20-white !default; +$article-tab-active-bg: $b-pool !default; -$article-tab-code-text: $p-potassium; -$article-tab-code-bg: $g20-white; -$article-tab-code-text-hover: $g20-white; -$article-tab-code-bg-hover: $p-comet; -$article-tab-code-active-text: $p-star; +$article-tab-code-text: $p-potassium !default; +$article-tab-code-bg: $g20-white !default; +$article-tab-code-text-hover: $g20-white !default; +$article-tab-code-bg-hover: $p-comet !default; +$article-tab-code-active-text: $p-star !default; // Article page buttons -$article-btn: $b-pool; -$article-btn-text: $g20-white; -$article-btn-hover: $b-ocean; -$article-btn-text-hover: $g20-white; +$article-btn: $b-pool !default; +$article-btn-text: $g20-white !default; +$article-btn-hover: $b-ocean !default; +$article-btn-text-hover: $g20-white !default; // Left Navigation -$nav-category: $b-ocean; -$nav-category-hover: $gr-viridian; -$nav-item: $g10-wolf; -$nav-item-hover: $b-ocean; -$nav-border: $g14-chromium; -$nav-toggle: $g20-white; -$nav-toggle-hover: $g20-white; -$nav-toggle-bg-hover: $b-ocean; -$nav-active: $gr-canopy; +$nav-category: $b-ocean !default; +$nav-category-hover: $gr-viridian !default; +$nav-item: $g10-wolf !default; +$nav-item-hover: $b-ocean !default; +$nav-border: $g14-chromium !default; +$nav-toggle: $g20-white !default; +$nav-toggle-hover: $g20-white !default; +$nav-toggle-bg-hover: $b-ocean !default; +$nav-active: $gr-canopy !default; // Error Page Colors -$error-page-btn: $b-ocean; -$error-page-btn-text: $g20-white; -$error-page-btn-hover: $b-pool; -$error-page-btn-hover-text: $g20-white; +$error-page-btn: $b-ocean !default; +$error-page-btn-text: $g20-white !default; +$error-page-btn-hover: $b-pool !default; +$error-page-btn-hover-text: $g20-white !default; // Landing Page colors -$landing-lg-gradient-left: $b-ocean; -$landing-lg-gradient-right: $b-pool; -$landing-sm-gradient-left: $p-star; -$landing-sm-gradient-right: $p-comet; -$landing-sm-gradient-overlay: $p-planet; +$landing-lg-gradient-left: $b-ocean !default; +$landing-lg-gradient-right: $b-pool !default; +$landing-sm-gradient-left: $p-star !default; +$landing-sm-gradient-right: $p-comet !default; +$landing-sm-gradient-overlay: $p-planet !default; diff --git a/layouts/partials/header/stylesheets.html b/layouts/partials/header/stylesheets.html index c400b9ca3..4300db76f 100644 --- a/layouts/partials/header/stylesheets.html +++ b/layouts/partials/header/stylesheets.html @@ -7,11 +7,11 @@ {{ $cssSidebarClose := (dict "targetPath" "sidebar-closed.css" "outputStyle" "compressed" "enableSourceMap" true) }} {{ $PostCSSOptions := (dict "use" "autoprefixer" "noMap" false) }} -{{ $stylesDark := resources.Get "styles/styles-default.scss" | toCSS $cssOptionsDark | postCSS $PostCSSOptions | fingerprint }} - +{{ $stylesLight := resources.Get "styles/styles-default.scss" | toCSS $cssOptionsLight | postCSS $PostCSSOptions | fingerprint }} + -{{ $stylesLight := resources.Get "styles/styles-light.scss" | toCSS $cssOptionsLight | postCSS $PostCSSOptions | fingerprint }} - +{{ $stylesDark := resources.Get "styles/styles-dark.scss" | toCSS $cssOptionsDark | postCSS $PostCSSOptions | fingerprint }} + {{ $stylesSidebarOpen := resources.Get "styles/sidebar-open.scss" | toCSS $cssOptionsDark | postCSS $PostCSSOptions | fingerprint }}