_scss: tweak inconsistencies in hue

Changes should be mostly invisible, except for a very slight increase in
contrast in the "night" theme between the body-background and left/right
navigation blocks.

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
This commit is contained in:
Sebastiaan van Stijn 2020-10-27 11:10:44 +01:00
parent 869640f7d1
commit c1ae02526f
No known key found for this signature in database
GPG Key ID: 76698F39D527CE8C
1 changed files with 19 additions and 19 deletions

View File

@ -16,49 +16,49 @@ $black: #000;
$body-text: hsl(199, 20%, 25%); $body-text: hsl(199, 20%, 25%);
$primary-links: hsl(206, 85%, 54%); $primary-links: hsl(206, 85%, 54%);
$bg-body: hsl( 0, 0%, 100%); $bg-body: hsl(206, 0%, 100%);
$bg-body-landing: hsl(240, 14%, 99%); $bg-body-landing: hsl(206, 14%, 99%);
$bg-header: hsl(206, 85%, 54%); $bg-header: hsl(206, 85%, 54%);
$bg-secondary: hsl(206, 85%, 54%); $bg-secondary: hsl(206, 85%, 54%);
$bg-sidebar: hsl(240, 14%, 99%); $bg-sidebar: hsl(206, 14%, 99%);
$bg-footer: hsl( 0, 0%, 100%); $bg-footer: hsl(206, 0%, 100%);
$bg-component: hsl(240, 14%, 99%); $bg-component: hsl(240, 14%, 99%);
$bg-card: hsl( 0, 0%, 100%); $bg-card: hsl( 0, 0%, 100%);
// notes, warnings // notes, warnings
$note-color: hsl(201, 82%, 43%); $note-color: hsl(206, 82%, 43%);
$note-bg-color: hsl(204, 83%, 98%); $note-bg-color: hsl(206, 83%, 98%);
$important-color: hsl( 35, 91%, 35%); $important-color: hsl( 35, 91%, 35%);
$warning-color: hsl( 2, 58%, 54%); $warning-color: hsl( 2, 58%, 54%);
$slider-bg: hsl(202, 76%, 87%); $slider-bg: hsl(206, 76%, 87%);
$slider-btn: hsl(206, 85%, 54%); $slider-btn: hsl(206, 85%, 54%);
$table-head: hsl(204, 5%, 82%); $table-head: hsl(206, 5%, 82%);
/* /*
* night mode * night mode
*/ */
$body-text-night: hsl(180, 1%, 83%); $body-text-night: hsl(180, 1%, 83%);
$primary-links-night: hsl(201, 85%, 79%); $primary-links-night: hsl(203, 85%, 79%);
$bg-body-night: hsl(203, 77%, 10%); $bg-body-night: hsl(203, 90%, 10%);
$bg-body-landing-night: hsl(203, 77%, 10%); $bg-body-landing-night: hsl(203, 90%, 10%);
$bg-header-night: hsl(211, 44%, 11%); $bg-header-night: hsl(203, 40%, 10%);
$bg-secondary-night: hsl(211, 44%, 11%); $bg-secondary-night: hsl(203, 40%, 10%);
$bg-sidebar-night: hsl(202, 41%, 11%); $bg-sidebar-night: hsl(203, 40%, 10%);
$bg-footer-night: hsl( 0, 0%, 0%); $bg-footer-night: hsl(203, 0%, 0%);
$bg-component-night: hsl(211, 44%, 11%); $bg-component-night: hsl(203, 44%, 10%);
$bg-card-night: hsl(212, 33%, 9%); $bg-card-night: hsl(203, 33%, 8%);
// notes, warnings // notes, warnings
$note-color-night: hsl(180, 1%, 83%); $note-color-night: hsl(180, 1%, 83%);
$note-bg-color-night: hsl(205, 35%, 19%); $note-bg-color-night: hsl(203, 35%, 19%);
$important-color-night: hsl( 35, 90%, 62%); $important-color-night: hsl( 35, 90%, 62%);
$warning-color-night: hsl( 2, 100%, 74%); $warning-color-night: hsl( 2, 100%, 74%);
$active-sidebar-night: hsl(201, 85%, 79%); $active-sidebar-night: hsl(203, 85%, 79%);
$bg-search-results-night: hsla(0, 0%, 4%, 0.95); $bg-search-results-night: hsla(0, 0%, 4%, 0.95);