diff options
| author | Mark Otto <markdotto@gmail.com> | 2022-10-15 07:17:48 +0300 |
|---|---|---|
| committer | Mark Otto <markdotto@gmail.com> | 2022-11-11 21:29:06 +0300 |
| commit | 6a77d7d61006ae4f257aa9682a8b3f7cd0539185 (patch) | |
| tree | 0c7305120e8ad0f771ec4b36ba2a80ccb6497b27 | |
| parent | b51c6636dd7834ca193466ab9e2db09701259b32 (diff) | |
Fix some docs specific dark mode styles
| -rw-r--r-- | site/assets/scss/_buttons.scss | 12 | ||||
| -rw-r--r-- | site/assets/scss/_sidebar.scss | 2 | ||||
| -rw-r--r-- | site/assets/scss/_variables.scss | 3 |
3 files changed, 10 insertions, 7 deletions
diff --git a/site/assets/scss/_buttons.scss b/site/assets/scss/_buttons.scss index 0613ebc999..d03c0fd424 100644 --- a/site/assets/scss/_buttons.scss +++ b/site/assets/scss/_buttons.scss @@ -33,14 +33,16 @@ } .btn-bd-light { + --btn-custom-color: #{mix($bd-violet, $white, 75%)}; + --bs-btn-color: var(--bs-gray-600); --bs-btn-border-color: var(--bs-border-color); - --bs-btn-hover-color: var(--bd-violet); - --bs-btn-hover-border-color: var(--bd-violet); - --bs-btn-active-color: var(--bd-violet); + --bs-btn-hover-color: var(--btn-custom-color); + --bs-btn-hover-border-color: var(--btn-custom-color); + --bs-btn-active-color: var(--btn-custom-color); --bs-btn-active-bg: var(--bs-white); - --bs-btn-active-border-color: var(--bd-violet); - --bs-btn-focus-border-color: var(--bd-violet); + --bs-btn-active-border-color: var(--btn-custom-color); + --bs-btn-focus-border-color: var(--btn-custom-color); --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb); } diff --git a/site/assets/scss/_sidebar.scss b/site/assets/scss/_sidebar.scss index 8aa155f95a..6f1ef292fc 100644 --- a/site/assets/scss/_sidebar.scss +++ b/site/assets/scss/_sidebar.scss @@ -53,7 +53,7 @@ &:hover, &:focus, &.active { - color: var(--bs-heading-color); + color: var(--bs-emphasis-color); text-decoration: if($link-hover-decoration == underline, none, null); background-color: var(--bd-sidebar-link-bg); } diff --git a/site/assets/scss/_variables.scss b/site/assets/scss/_variables.scss index 70f07bd198..5145b83998 100644 --- a/site/assets/scss/_variables.scss +++ b/site/assets/scss/_variables.scss @@ -24,5 +24,6 @@ $bd-callout-variants: info, warning, danger !default; } [data-bs-theme="dark"] { - --bd-violet: #{mix($bd-violet, $black, 75%)}; + --bd-violet: #{mix($bd-violet, $white, 75%)}; + --bd-sidebar-link-bg: rgba(#{to-rgb(mix($bd-violet, $black, 75%))}, .5); } |