From eaa9fb539826ba3b3403b50bafabba7bbff6adfb Mon Sep 17 00:00:00 2001 From: mark Date: Mon, 26 Dec 2022 06:21:06 +0100 Subject: [PATCH 1/2] Use $navbar-light-color instead of inline color --- scss/_variables.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/scss/_variables.scss b/scss/_variables.scss index 09438a6cb38a..a2aa4fbe4b13 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -1161,11 +1161,11 @@ $navbar-toggler-border-radius: $btn-border-radius !default; $navbar-toggler-focus-width: $btn-focus-width !default; $navbar-toggler-transition: box-shadow .15s ease-in-out !default; -$navbar-light-color: rgba(var(--#{$prefix}emphasis-color-rgb), .65) !default; +$navbar-light-color: rgba($body-color, .75) !default; $navbar-light-hover-color: rgba(var(--#{$prefix}emphasis-color-rgb), .8) !default; $navbar-light-active-color: rgba(var(--#{$prefix}emphasis-color-rgb), 1) !default; $navbar-light-disabled-color: rgba(var(--#{$prefix}emphasis-color-rgb), .3) !default; -$navbar-light-toggler-icon-bg: url("data:image/svg+xml,") !default; +$navbar-light-toggler-icon-bg: url("data:image/svg+xml,") !default; $navbar-light-toggler-border-color: rgba(var(--#{$prefix}emphasis-color-rgb), .15) !default; $navbar-light-brand-color: $navbar-light-active-color !default; $navbar-light-brand-hover-color: $navbar-light-active-color !default; From 8eeaf9de847b5ae8d68291abec66b97663e8916e Mon Sep 17 00:00:00 2001 From: mark Date: Mon, 26 Dec 2022 06:37:23 +0100 Subject: [PATCH 2/2] Introduce separate $navbar-light-icon-color --- scss/_variables.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/scss/_variables.scss b/scss/_variables.scss index a2aa4fbe4b13..1be146bd0ac7 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -1161,11 +1161,12 @@ $navbar-toggler-border-radius: $btn-border-radius !default; $navbar-toggler-focus-width: $btn-focus-width !default; $navbar-toggler-transition: box-shadow .15s ease-in-out !default; -$navbar-light-color: rgba($body-color, .75) !default; +$navbar-light-color: rgba(var(--#{$prefix}emphasis-color-rgb), .65) !default; $navbar-light-hover-color: rgba(var(--#{$prefix}emphasis-color-rgb), .8) !default; $navbar-light-active-color: rgba(var(--#{$prefix}emphasis-color-rgb), 1) !default; $navbar-light-disabled-color: rgba(var(--#{$prefix}emphasis-color-rgb), .3) !default; -$navbar-light-toggler-icon-bg: url("data:image/svg+xml,") !default; +$navbar-light-icon-color: rgba($body-color, .75) !default; +$navbar-light-toggler-icon-bg: url("data:image/svg+xml,") !default; $navbar-light-toggler-border-color: rgba(var(--#{$prefix}emphasis-color-rgb), .15) !default; $navbar-light-brand-color: $navbar-light-active-color !default; $navbar-light-brand-hover-color: $navbar-light-active-color !default;