diff --git a/_sass/color_schemes/dark.scss b/_sass/color_schemes/dark.scss index 6c2e8a9..f0e6505 100644 --- a/_sass/color_schemes/dark.scss +++ b/_sass/color_schemes/dark.scss @@ -6,9 +6,12 @@ $border-color: $grey-dk-200; $body-text-color: $grey-lt-300; $body-heading-color: $grey-lt-000; $nav-child-link-color: $grey-dk-000; +$search-result-preview-color: $grey-dk-000; $link-color: $blue-000; $btn-primary-color: $blue-200; $base-button-color: $grey-dk-250; $code-background-color: $grey-dk-250; +$search-background-color: $grey-dk-250; +$table-background-color: $grey-dk-250; diff --git a/_sass/search.scss b/_sass/search.scss index 56d9f98..c740ad9 100644 --- a/_sass/search.scss +++ b/_sass/search.scss @@ -17,7 +17,7 @@ .search-input-wrap { display: flex; height: 100%; - background-color: $body-background-color; + background-color: $search-background-color; padding: $sp-2; border-radius: $border-radius; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08); @@ -28,6 +28,7 @@ padding-bottom: 0; padding-left: 0; border-radius: 0; + background-color: $body-background-color; box-shadow: none; } } @@ -37,12 +38,13 @@ width: 100%; padding-top: $sp-1; padding-bottom: $sp-1; - background-color: $body-background-color; + background-color: $search-background-color; border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; order: 2; + @include fs-4; &:focus { outline: 0; @@ -53,9 +55,8 @@ } } - @include fs-4; - @include mq(md) { + background-color: $body-background-color; @include fs-3; } } @@ -73,7 +74,7 @@ z-index: 100; width: 100%; border-radius: $border-radius; - background: lighten($body-background-color, 1%); + background: $search-background-color; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08); &.active { @@ -110,7 +111,7 @@ padding-right: $sp-3; &:hover, &.active { - background-color: darken($body-background-color, 5%); + background-color: darken($search-background-color, 5%); } @include mq(md) { diff --git a/_sass/support/_variables.scss b/_sass/support/_variables.scss index 3605a44..4d5b349 100644 --- a/_sass/support/_variables.scss +++ b/_sass/support/_variables.scss @@ -52,6 +52,8 @@ $red-300: #dd2e2e !default; $body-background-color: $white !default; $sidebar-color: $grey-lt-000 !default; +$search-background-color: $white !default; +$table-background-color: $white !default; $code-background-color: $grey-lt-000 !default; $body-text-color: $grey-dk-100 !default; diff --git a/_sass/tables.scss b/_sass/tables.scss index 08edee2..e1e2c11 100644 --- a/_sass/tables.scss +++ b/_sass/tables.scss @@ -27,7 +27,7 @@ td { padding-right: $sp-3; padding-bottom: $sp-2; padding-left: $sp-3; - background-color: lighten($body-background-color, 2%); + background-color: $table-background-color; border-bottom: $border rgba($border-color, 0.5); border-left: $border $border-color; @@ -49,6 +49,6 @@ tbody { thead { th { - border-bottom: 1px solid $border-color; + border-bottom: $border $border-color; } } diff --git a/assets/css/dark-mode-preview.scss b/assets/css/dark-mode-preview.scss index 8b77da6..6f6fbea 100644 --- a/assets/css/dark-mode-preview.scss +++ b/assets/css/dark-mode-preview.scss @@ -33,6 +33,7 @@ @import "./search"; @import "./tables"; @import "./code"; +@import "./anchor_headings"; @import "./utilities/utilities"; //