Influxdata
/
docs-v2
mirror of https://github.com/influxdata/docs-v2.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

made light theme default, renamed layouts

pull/232/head
Scott Anderson 2019-05-06 09:16:38 -06:00
parent fce1a21a0a
commit 6ae6359761
13 changed files with 268 additions and 268 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
assets/styles/layouts/_layout-article.scss → assets/styles/layouts/_article.scss
View File

@ -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 {

2
assets/styles/layouts/_layout-content-wrapper.scss → assets/styles/layouts/_content-wrapper.scss
View File

@ -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 {

2
assets/styles/layouts/_layout-error-page.scss → assets/styles/layouts/_error-page.scss
View File

@ -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;

0
assets/styles/layouts/_layout-global.scss → assets/styles/layouts/_global.scss
View File

2
assets/styles/layouts/_layout-landing.scss → assets/styles/layouts/_landing.scss
View File

@ -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 {

4
assets/styles/layouts/_layout-sidebar-toggle.scss → assets/styles/layouts/_sidebar-toggle.scss
View File

@ -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,
<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' xml:space='preserve'>
@ -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,
<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' xml:space='preserve'>

4
assets/styles/layouts/_layout-sidebar.scss → assets/styles/layouts/_sidebar.scss
View File

@ -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';

4
assets/styles/layouts/_layout-topnav.scss → assets/styles/layouts/_top-nav.scss
View File

@ -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 {

6
assets/styles/styles-light.scss → assets/styles/styles-dark.scss
View File

@ -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";

22
assets/styles/styles-default.scss
View File

@ -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";

225
assets/styles/themes/_theme-dark.scss
View File

@ -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;

225
assets/styles/themes/_theme-light.scss
View File

@ -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;

8
layouts/partials/header/stylesheets.html
View File

@ -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 }}
<link rel="stylesheet" title="dark-theme" type="text/css" href="{{ $stylesDark.RelPermalink }}">
{{ $stylesLight := resources.Get "styles/styles-default.scss" | toCSS $cssOptionsLight | postCSS $PostCSSOptions | fingerprint }}
<link rel="stylesheet" title="light-theme" type="text/css" href="{{ $stylesLight.RelPermalink }}">
{{ $stylesLight := resources.Get "styles/styles-light.scss" | toCSS $cssOptionsLight | postCSS $PostCSSOptions | fingerprint }}
<link rel="alternate stylesheet" title="light-theme" type="text/css" href="{{ $stylesLight.RelPermalink }}">
{{ $stylesDark := resources.Get "styles/styles-dark.scss" | toCSS $cssOptionsDark | postCSS $PostCSSOptions | fingerprint }}
<link rel="alternate stylesheet" title="dark-theme" type="text/css" href="{{ $stylesDark.RelPermalink }}">
{{ $stylesSidebarOpen := resources.Get "styles/sidebar-open.scss" | toCSS $cssOptionsDark | postCSS $PostCSSOptions | fingerprint }}
<link rel="stylesheet" title="sidebar-open" type="text/css" href="{{ $stylesSidebarOpen.RelPermalink }}">