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

slimmed down color pallette

pull/963/head
Scott Anderson 2020-04-20 16:59:18 -06:00
parent 2782ad04cf
commit 5475ae07c1
4 changed files with 64 additions and 134 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
assets/styles/layouts/_api-overrides.scss
View File

@ -141,7 +141,7 @@ $bold: 700;
// Required tags
.jsTAxL {
color: $o-curacao;
color: $r-curacao;
}
///////////////////////////// RESPONSE COLOR BLOCKS ////////////////////////////
@ -155,7 +155,7 @@ $bold: 700;
// Red
.byLrBg {
background-color: rgba($o-marmelade, .35);
color: $o-curacao;
color: $r-curacao;
}
@ -182,16 +182,16 @@ $bold: 700;
// Request method tags
.cFwMcp {
&.post { background-color: $b-curious; }
&.post { background-color: $b-ocean; }
&.get { background-color: $gr-canopy; }
&.put { background-color: $br-galaxy; }
&.patch { background-color: $ch-keylime; }
&.delete { background-color: $o-curacao; }
&.patch { background-color: $y-thunder; }
&.delete { background-color: $r-curacao; }
}
// Active nav section
.gcUzvG, .iNzLCk:hover {
color: $m-magenta;
color: $br-magenta;
}
/////////////////////////////// RIGHT CODE COLUMN //////////////////////////////
@ -219,7 +219,7 @@ $bold: 700;
background-color: $wp-telopea;
border-radius: 3px;
&.react-tabs__tab--selected{ color: $cp-blueviolet; }
&.tab-error { color: $o-fire; }
&.tab-error { color: $r-fire; }
&.tab-success { color: $gr-viridian; }
}
@ -234,11 +234,11 @@ $bold: 700;
letter-spacing: .04em;
border-radius: 3px;
}
.bNYCAJ { background-color: $b-curious; } /* Post */
.bNYCAJ { background-color: $b-ocean; } /* Post */
.jBjYbV { background-color: $gr-canopy; } /* Get */
.hOczRB { background-color: $br-galaxy; } /* Put */
.fRsrDc { background-color: $ch-chartreuse; color: $ch-olive; } /* Patch */
.hPskZd { background-color: $o-curacao; } /* Delete */
.fRsrDc { background-color: $br-chartreuse; color: $ch-olive; } /* Patch */
.hPskZd { background-color: $r-curacao; } /* Delete */
// Content type block
.gzAoUb {

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

@ -55,10 +55,10 @@ $article-shadow: $g0-obsidian;
$article-code: $cp-munchkin;
$article-code-bg: $g0-obsidian;
$article-code-shadow: $g0-obsidian;
$article-code-accent1: $np-smokey;
$article-code-accent1: $g7-graphite;
$article-code-accent2: $b-pool;
$article-code-accent3: $gr-viridian;
$article-code-accent4: $o-ruby;
$article-code-accent4: $r-ruby;
$article-code-accent5: #ff6db0;
$article-code-accent6: $b-pool;
$article-code-accent7: #e90;
@ -87,7 +87,7 @@ $article-note-code-bg: #0d1617;
$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-accent4: $r-ruby;
$article-note-code-accent5: #ff6db0;
$article-note-code-accent6: $b-pool;
$article-note-code-accent7: #e90;
@ -107,7 +107,7 @@ $article-warn-code-bg: $g0-obsidian;
$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-accent4: $r-ruby;
$article-warn-code-accent5: #ffb4fb;
$article-warn-code-accent6: $b-pool;
$article-warn-code-accent7: #e90;
@ -115,9 +115,9 @@ $article-warn-code-scrollbar: #2a2025;
$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-text: $b-neutrino;
$article-cloud-link: $g20-white;
$article-cloud-link-hover: $b-hydrogen;
$article-cloud-table-header: $grad-blue-dark;
$article-cloud-table-row-alt: #1b3a58;
$article-cloud-table-scrollbar: #192a3a;
@ -127,15 +127,15 @@ $article-cloud-code-bg: #110d2b;
$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-accent4: $r-ruby;
$article-cloud-code-accent5: #ff6db0;
$article-cloud-code-accent6: $b-pool;
$article-cloud-code-accent7: #e90;
$article-cloud-code-scrollbar: #192a3a;
$article-enterprise-base: $cp-purple;
$article-enterprise-text: $cp-periwinkle;
$article-enterprise-link: $cp-coolfog;
$article-enterprise-base: $br-galaxy;
$article-enterprise-text: $cp-melrose;
$article-enterprise-link: $cp-titan;
$article-enterprise-link-hover: $g20-white;
// Article Tabs for tabbed content
@ -163,33 +163,33 @@ $error-page-btn-hover: $g20-white;
$error-page-btn-hover-text: $b-pool;
// Landing Page colors
$landing-lg-gradient-left: $wp-violentdark;
$landing-lg-gradient-right: $cp-minsk;
$landing-sm-bg: $cp-victoria;
$landing-sm-bg-alt: $cp-victoria;
$landing-lg-gradient-left: #2d0749;
$landing-lg-gradient-right: #423681;
$landing-sm-bg: #52499A;
$landing-sm-bg-alt: #52499A;
$landing-sm-bg-hover: $b-pool;
$landing-btn-text: $g20-white;
$landing-btn-bg: $b-pool;
$landing-btn-text-hover: $b-pool;
$landing-btn-bg-hover: $g20-white;
$landing-artwork-color: $cp-minsk;
$landing-artwork-color: #423681;
// Tooltip colors
$tooltip-color: $ch-chartreuse;
$tooltip-color-alt: $ch-canary;
$tooltip-bg: $g20-white;
$tooltip-text: $cp-minsk;
$tooltip-color: $br-chartreuse;
$tooltip-color-alt: $br-chartreuse;
$tooltip-bg: $br-chartreuse;
$tooltip-text: $g2-kevlar;
// SVG colors
$svg-table-header: $cp-minsk;
$svg-table-stroke: $np-deepnight;
$svg-table-row-alt1: $m-magenta;
$svg-table-row-alt2: $gr-canopy;
$svg-table-code: $cp-munchkin;
$svg-table-code-bg: $np-deepnight;
$svg-table-header: $g6-smoke;
$svg-table-stroke: $g0-obsidian;
$svg-table-row-alt1: $br-magenta;
$svg-table-row-alt2: $gr-rainforest;
$svg-table-code: $article-code;
$svg-table-code-bg: $g0-obsidian;
$svg-table-code-operator: $b-pool;
$svg-table-code-string: $gr-viridian;
$svg-geo-s2-cell: $b-curious;
$svg-geo-region: $m-lavander;
$svg-geo-point: $ch-chartreuse;
$svg-geo-s2-cell: $b-dodger;
$svg-geo-region: $p-comet;
$svg-geo-point: $br-chartreuse;

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

@ -88,17 +88,17 @@ $article-note-code-bg: #BDF3DA !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-accent4: $r-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: $r-dreamsicle !default;
$article-warn-heading: $o-fire !default;
$article-warn-text: $o-curacao !default;
$article-warn-link: $o-curacao !default;
$article-warn-link-hover: $cp-purple !default;
$article-warn-heading: $r-fire !default;
$article-warn-text: $r-curacao !default;
$article-warn-link: $r-curacao !default;
$article-warn-link-hover: $br-pulsar !default;
$article-warn-table-header: $grad-red !default;
$article-warn-table-row-alt: #ffe6df !default;
$article-warn-table-scrollbar: #FFB1B1 !default;
@ -108,35 +108,35 @@ $article-warn-code-bg: #FFDDDC !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-accent4: $r-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-cloud-base: $b-laser !default;
$article-cloud-heading: $b-eastern !default;
$article-cloud-text: $b-curious !default;
$article-cloud-link: $b-curious !default;
$article-cloud-link-hover: $cp-purple !default;
$article-cloud-heading: $b-ocean !default;
$article-cloud-text: $b-ocean !default;
$article-cloud-link: $b-ocean !default;
$article-cloud-link-hover: $br-pulsar !default;
$article-cloud-table-header: $grad-blue !default;
$article-cloud-table-row-alt: $b-hawkeye !default;
$article-cloud-table-scrollbar: $b-malibu !default;
$article-cloud-table-row-alt: $g20-white !default;
$article-cloud-table-scrollbar: $b-hydrogen !default;
$article-cloud-shadow: #6EB8E4 !default;
$article-cloud-code: $b-matisse !default;
$article-cloud-code-bg: $b-fleur !default;
$article-cloud-code: $b-ocean !default;
$article-cloud-code-bg: $b-neutrino !default;
$article-cloud-code-accent1: #3CAAE2 !default;
$article-cloud-code-accent2: $cp-blueviolet !default;
$article-cloud-code-accent2: $br-pulsar !default;
$article-cloud-code-accent3: #048E66 !default;
$article-cloud-code-accent4: $o-ruby !default;
$article-cloud-code-accent4: $r-ruby !default;
$article-cloud-code-accent5: #e24bbb !default;
$article-cloud-code-accent6: #0084d6 !default;
$article-cloud-code-accent7: #e90 !default;
$article-cloud-code-scrollbar: $b-malibu !default;
$article-cloud-code-scrollbar: $b-laser !default;
$article-enterprise-base: $br-galaxy !default;
$article-enterprise-text: $cp-purple !default;
$article-enterprise-link: $cp-purple !default;
$article-enterprise-text: $cp-marguerite !default;
$article-enterprise-link: $cp-marguerite !default;
$article-enterprise-link-hover: $b-pool !default;
// Article Tabs for tabbed content
@ -144,7 +144,6 @@ $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: $cp-marguerite !default;
// Article page buttons
@ -176,9 +175,9 @@ $landing-btn-bg-hover: $g20-white !default;
$landing-artwork-color: rgba($g20-white, .15) !default;
// Tooltip colors
$tooltip-color: $m-magenta !default;
$tooltip-color-alt: $wp-trance !default;
$tooltip-bg: $m-lavander !default;
$tooltip-color: $p-amethyst !default;
$tooltip-color-alt: $p-twilight !default;
$tooltip-bg: $p-amethyst !default;
$tooltip-text: $g20-white !default;
// SVG colors
@ -193,4 +192,4 @@ $svg-table-code-string: #12A290 !default;
$svg-geo-s2-cell: $b-malibu !default;
$svg-geo-region: $br-galaxy !default;
$svg-geo-point: $m-heliotrope !default;
$svg-geo-point: $p-potassium !default;

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

@ -83,8 +83,9 @@ $r-flan: #FFF7F4;
// Code
$cp-marguerite: #736ECD;
$cp-munchkin: #B7B8FF;
$cp-melrose: #A5A6FF;
$cp-munchkin: #B7B8FF;
$cp-periwinkle: #C9CAFF;
$cp-titan: #EDEDFF;
@ -127,95 +128,25 @@ $grad-garageband: $b-pool, $gr-rainforest;
////////////////////////////////////////////////////////////////////////////////
// Warm Purples - Magentas
$wp-jaguar: #1d0135;
$wp-telopea: #23043E;
$wp-violentdark: #2d0749;
$wp-violet: #32094E;
$wp-jagger: #420D5F;
$wp-jango: #521170;
$wp-seance: #611581;
$wp-trance: #801EA2;
$wp-heart: #A026C4;
$m-magenta: #BF2FE5; // Brand color
$m-lavander: #CA52E9;
$m-heliotrope: #D474EE;
$m-perfume: #DF97F2;
$m-pinkmist: #EABAF6;
$m-selago: #F4DCFB;
// Cool Purples
$cp-jakarta: #322368;
$cp-minsk: #423681;
$cp-victoria: #52499A;
$cp-blueviolet: #625CB3;
$cp-purple: #8381E6;
//
//
//
$cp-periwinkle: #C9CAFF;
$cp-coolfog: #DBDBFF;
// Neutral Purples
$np-deepnight: #13002d; // Brand color
$np-valhalla: #27153F;
$np-martinique: #3A2B50;
$np-wine: #4E4062;
$np-smokey: #625573;
$np-rum: #756A85;
$np-mobster: #898096;
$np-amethyst: #9D95A7;
$np-pearl: #B0AAB9;
$np-greysuit: #C4BFCA;
$np-mischka: #D8D4DC;
$np-athens: #EBEAED;
// Blues
$b-tiber: #0A3044;
$b-deepsea: #0E4562;
$b-chathams: #125A7F;
$b-matisse: #166F9D;
$b-eastern: #1A83BB;
$b-curious: #1E98D8;
$b-dodger: #2AA3FF;
$b-pool: #22ADF6; // Brand color
$b-laser: #47BBF8;
$b-malibu: #6CC8F9;
$b-horizon: #91D6FB;
$b-fleur: #B5E4FC;
$b-hawkeye: #DAF1FD;
// Chartreuses
$ch-olive: #3B440A;
$ch-saratoga: #55620E;
$ch-olivetone: #6F7F12;
$ch-trendy: #899D16;
$ch-citron: #A2BB1A;
$ch-keylime: #BCD81E;
$ch-chartreuse: #D6F622; // Brand color
$ch-canary: #E4F96C;
$ch-primrose: #F1FCB5;
// Greens
$gr-gypsy: #152B2D;
$gr-grass: #2B6058;
$gr-emerald: #108174;
//
$gr-canopy: #20B76F;
//
$gr-honeydew: #7CE490;
$gr-krypton: #A5F3B4;
$gr-wasabi: #C6FFD0;
$gr-forestfog: #CFE6E1;
$gr-mint: #F2FFF4;
// Oranges
$o-basalt: #2F1F29;
$o-ember: #6F3943;
$o-ruby: #BF3D5E;
$o-fire: #DC4E58;
$o-curacao: #F95F53;
// $o-dreamsicle: #FF8564;
$o-tungsten: #FFB6A0;
$o-marmelade: #FFDCCF;
$o-orangecream: #EADAD8;
$o-flan: #FFF7F4;