diff --git a/assets/styles/layouts/_api-overrides.scss b/assets/styles/layouts/_api-overrides.scss index 76415019c..24754048c 100644 --- a/assets/styles/layouts/_api-overrides.scss +++ b/assets/styles/layouts/_api-overrides.scss @@ -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 { diff --git a/assets/styles/themes/_theme-dark.scss b/assets/styles/themes/_theme-dark.scss index 8cabd2900..566aeaca5 100644 --- a/assets/styles/themes/_theme-dark.scss +++ b/assets/styles/themes/_theme-dark.scss @@ -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; diff --git a/assets/styles/themes/_theme-light.scss b/assets/styles/themes/_theme-light.scss index c2e523efb..c10b3f742 100644 --- a/assets/styles/themes/_theme-light.scss +++ b/assets/styles/themes/_theme-light.scss @@ -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; diff --git a/assets/styles/tools/_color-palette.scss b/assets/styles/tools/_color-palette.scss index 66bc868bc..70ab5ca09 100644 --- a/assets/styles/tools/_color-palette.scss +++ b/assets/styles/tools/_color-palette.scss @@ -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;