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

WIP light theme

pull/232/head
Scott Anderson 2019-05-09 17:09:04 -06:00
parent 776dd8c251
commit cf1628c78b
10 changed files with 86 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/styles/layouts/_algolia-search-overrides.scss
View File

@ -5,10 +5,10 @@
.ds-dropdown-menu {
width: 74vw;
max-width: 800px;
background: $article-bg;
background: $sidebar-search-bg;
[class^=ds-dataset-] {
background-color: $article-bg;
background-color: $sidebar-search-bg;
border: none;
box-shadow: 2px 2px 10px $sidebar-search-shadow;
transition: background-color .2s;
@ -24,7 +24,7 @@
/* Main category (eg. Getting Started) */
.algolia-docsearch-suggestion {
background: $article-bg;
background: $sidebar-search-bg;
&--category-header {
color: $article-heading;

6
assets/styles/layouts/_article.scss
View File

@ -28,15 +28,16 @@
}
h2 {
font-size: 2rem;
margin: -1rem 0 .5rem;
margin: -.25rem 0 .5rem;
padding-top: 1.75rem;
font-weight: $medium;
color: $article-heading-alt;
}
h3 {
font-size: 1.65rem;
font-weight: $medium;
margin: -1rem 0 .5rem;
padding-top: 1.75rem;
color: $article-heading-alt;
}
h4 {
font-size: 1.25rem;
@ -44,6 +45,7 @@
font-weight: $medium;
margin: -1.25rem 0 .5rem;
padding-top: 1.75rem;
color: $article-heading-alt;
}
h5 {
font-size: 1rem;

2
assets/styles/layouts/_sidebar.scss
View File

@ -237,7 +237,7 @@
// Reference title styles
h4 {
margin: 2rem 0 0 -1rem;
color: rgba($article-heading, .7);
color: rgba($article-heading-alt, .6);
font-style: italic;
font-weight: 700;
text-transform: uppercase;

3
assets/styles/layouts/article/_cloud.scss
View File

@ -37,6 +37,9 @@
p,li {
color: $article-cloud-text;
}
strong {
color: inherit;
}
a {
color: $article-cloud-link;
code:after {

3
assets/styles/layouts/article/_note.scss
View File

@ -7,6 +7,9 @@
p, li {
color: $article-note-text;
}
strong {
color: inherit;
}
a {
color: $article-note-link;
code:after {

8
assets/styles/layouts/article/_scrollbars.scss
View File

@ -1,17 +1,17 @@
//////////////////////////////// Scroll Bars /////////////////////////////////
pre { @include scrollbar($article-code-bg, $article-code-scrollbar); }
table { @include scrollbar($article-table-row-alt, $article-code-scrollbar);}
table { @include scrollbar($article-table-row-alt, $article-table-scrollbar);}
.note {
pre { @include scrollbar($article-note-code-bg, $article-note-code-scrollbar); }
table { @include scrollbar($article-note-table-row-alt, $article-note-code-scrollbar); }
table { @include scrollbar($article-note-table-row-alt, $article-note-code-bg); }
}
.warn {
pre { @include scrollbar($article-warn-code-bg, $article-warn-code-scrollbar); }
table { @include scrollbar($article-warn-table-row-alt, $article-warn-code-scrollbar); }
table { @include scrollbar($article-warn-table-row-alt, $article-warn-code-bg); }
}
.cloud-msg {
pre { @include scrollbar($article-cloud-code-bg, $article-cloud-code-scrollbar); }
table { @include scrollbar($article-cloud-table-row-alt, $article-cloud-code-scrollbar); }
table { @include scrollbar($article-cloud-table-row-alt, $article-cloud-code-bg); }
}

3
assets/styles/layouts/article/_warn.scss
View File

@ -7,6 +7,9 @@
p, li {
color: $article-warn-text;
}
strong {
color: inherit;
}
a {
color: $article-warn-link;
code:after {

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

@ -26,12 +26,23 @@ $version-selector-bottom: $cp-victoria;
$theme-switch-light: inline-block;
$theme-switch-dark: none;
// Sidebar
// Search
$sidebar-search-bg: $np-deepnight;
$sidebar-search-shadow: rgba($m-magenta, .05);
$sidebar-search-highlight: $b-pool;
$sidebar-search-text: $g20-white;
// 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;
// Article Content
$article-bg: $wp-violentdark;
$article-heading: $g20-white;
@ -61,7 +72,8 @@ $article-code-scrollbar: $np-martinique;
// Article Tables
$article-table-header-left: $wp-violet;
$article-table-header-right: $b-curious;
$article-table-row-alt: rgba($wp-jagger, .75);
$article-table-row-alt: #3C0C59;
$article-table-scrollbar: $np-deepnight;
// Article Notes, Warnings, & Messages
$article-note-base: $gr-viridian;
@ -70,7 +82,8 @@ $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: rgba($gr-viridian, .15);
$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-telopea;
@ -89,7 +102,8 @@ $article-warn-text: $o-dreamsicle;
$article-warn-link: $o-tungsten;
$article-warn-link-hover: $g20-white;
$article-warn-table-header: rgba($o-dreamsicle, .9);
$article-warn-table-row-alt: rgba($o-dreamsicle, .1);
$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;
@ -108,7 +122,8 @@ $article-cloud-text: $b-hawkeye;
$article-cloud-link: $b-hawkeye;
$article-cloud-link-hover: $g20-white;
$article-cloud-table-header: $b-pool;
$article-cloud-table-row-alt: rgba($b-pool, .15);
$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;
@ -144,25 +159,14 @@ $article-btn-text: $g20-white;
$article-btn-hover: $b-pool;
$article-btn-text-hover: $g20-white;
// 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;
// Error Page Colors
$error-page-btn: $b-ocean;
$error-page-btn: $b-dodger;
$error-page-btn-text: $g20-white;
$error-page-btn-hover: $g20-white;
$error-page-btn-hover-text: $b-ocean;
$error-page-btn-hover-text: $b-dodger;
// Landing Page colors
$landing-lg-gradient-left: $b-ocean;
$landing-lg-gradient-left: $b-dodger;
$landing-lg-gradient-right: $b-pool;
$landing-sm-gradient-left: $p-planet;
$landing-sm-gradient-right: $p-star;

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

@ -20,49 +20,61 @@ $body-gradient-bottom: $g17-whisper !default;
$radius: 3px !default;
// TopNav Colors
$topnav-link: $g7-graphite !default;
$topnav-link-hover: $b-pool !default;
$topnav-link: $g8-storm !default;
$topnav-link-hover: $b-dodger !default;
$version-selector-top: $b-pool !default;
$version-selector-bottom: $cp-comet !default;
$theme-switch-light: none !default;
$theme-switch-dark: inline-block !default;
// Sidebar
// Search
$sidebar-search-bg: $g20-white !default;
$sidebar-search-shadow: $g14-chromium !default;
$sidebar-search-highlight: $b-ocean !default;
$sidebar-search-highlight: $b-dodger !default;
$sidebar-search-text: $g8-storm !default;
// Left Navigation
$nav-category: $b-dodger !default;
$nav-category-hover: $cp-purple !default;
$nav-item: $np-rum !default;
$nav-item-hover: $cp-purple !default;
$nav-border: $g14-chromium !default;
$nav-toggle: $g20-white !default;
$nav-toggle-hover: $g20-white !default;
$nav-toggle-bg-hover: $cp-comet !default;
$nav-active: $m-magenta !default;
// Article Content
$article-bg: $g20-white !default;
$article-heading: $g7-graphite !default;
$article-heading: $cp-purple !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-link: $b-dodger !default;
$article-link-hover: $cp-purple !default;
$article-shadow: #c8cdd0 !default;
$article-hr: $g15-platinum !default;
// Article Code
$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: $cp-marguerite !default;
$article-code-bg: $cp-titan !default;
$article-code-accent1: $cp-melrose !default;
$article-code-accent2: $b-dodger !default;
$article-code-accent3: #12A290 !default;
$article-code-accent4: $o-ruby !default;
$article-code-accent5: #e24bbb !default;
$article-code-accent6: $b-ocean !default;
$article-code-accent6: $b-dodger !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-code-link: $cp-marguerite !default;
$article-code-link-hover: $cp-marguerite !default;
$article-code-scrollbar: $cp-periwinkle !default;
// Article Tables
$article-table-header-left: $b-pool !default;
$article-table-header-right: $gr-honeydew !default;
$article-table-row-alt: $g18-cloud !default;
$article-table-header-left: $cp-marguerite !default;
$article-table-header-right: $b-laser !default;
$article-table-row-alt: #F6F7F8 !default;
$article-table-scrollbar: $b-horizon !default;
// Article Notes & Warnings
$article-note-base: $gr-rainforest !default;
@ -72,6 +84,7 @@ $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-table-scrollbar: $gr-emerald !default;
$article-note-shadow: #8cb7ab !default;
$article-note-code: #0A6f75 !default;
$article-note-code-bg: #d6f7ec !default;
@ -91,6 +104,7 @@ $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-table-scrollbar: $o-curacao !default;
$article-warn-shadow: #b98a7d !default;
$article-warn-code: #d0154e !default;
$article-warn-code-bg: #ffebeb !default;
@ -105,11 +119,12 @@ $article-warn-code-scrollbar: #FFB1B1 !default;
$article-cloud-base: $b-laser !default;
$article-cloud-heading: $gr-emerald !default;
$article-cloud-text: $b-ocean !default;
$article-cloud-link: $b-ocean !default;
$article-cloud-text: $b-dodger !default;
$article-cloud-link: $b-dodger !default;
$article-cloud-link-hover: $gr-canopy !default;
$article-cloud-table-header: $gr-viridian !default;
$article-cloud-table-row-alt: #d6f5e9 !default;
$article-cloud-table-scrollbar: $b-dodger !default;
$article-cloud-shadow: #b98a7d !default;
$article-cloud-code: $b-sapphire !default;
$article-cloud-code-bg: rgba($b-pool, .25) !default;
@ -125,7 +140,7 @@ $article-cloud-code-scrollbar: #87DABE !default;
$article-enterprise-base: $cp-comet !default;
$article-enterprise-text: $p-star !default;
$article-enterprise-link: $p-star !default;
$article-enterprise-link-hover: $b-ocean !default;
$article-enterprise-link-hover: $b-dodger !default;
// Article Tabs for tabbed content
$article-tab-text: $g8-storm !default;
@ -142,28 +157,17 @@ $article-tab-code-active-text: $p-star !default;
// Article page buttons
$article-btn: $b-pool !default;
$article-btn-text: $g20-white !default;
$article-btn-hover: $b-ocean !default;
$article-btn-hover: $b-dodger !default;
$article-btn-text-hover: $g20-white !default;
// Left Navigation
$nav-category: $b-pool !default;
$nav-category-hover: $gr-viridian !default;
$nav-item: $g10-wolf !default;
$nav-item-hover: $b-pool !default;
$nav-border: $g14-chromium !default;
$nav-toggle: $g20-white !default;
$nav-toggle-hover: $g20-white !default;
$nav-toggle-bg-hover: $b-pool !default;
$nav-active: $gr-canopy !default;
// Error Page Colors
$error-page-btn: $b-ocean !default;
$error-page-btn: $b-dodger !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 !default;
$landing-lg-gradient-left: $b-dodger !default;
$landing-lg-gradient-right: $b-pool !default;
$landing-sm-gradient-left: $p-star !default;
$landing-sm-gradient-right: $cp-comet !default;

3
assets/styles/tools/_color-palette.scss
View File

@ -18,7 +18,7 @@ $o-flan: #FFF7F4;
// Blues (Dark to Light)
$b-abyss: #182838;
$b-sapphire: #326BBA;
$b-ocean: #4591ED;
$b-hydrogen: #6BDFFF;
$b-neutrino: #BEF0FF;
$b-snow: #C9E0ED;
@ -132,6 +132,7 @@ $b-malibu: #6CC8F9;
$b-horizon: #91D6FB;
$b-fleur: #B5E4FC;
$b-hawkeye: #DAF1FD;
$b-polar: #F3F9FC;
// Greens
$gr-gypsy: #152B2D;