You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Using data-bs-theme="dark" applied on the entire body enables dark mode, and most Sass variable customization happens accordingly through 'dark' variables, e.g. $body-bg-dark. However the navbar text color is confusingly controlled by the explicitly-named $navbar-light-color variable despite using dark mode.
Expectation: customizing $navbar-light-color should have no effect due to the use of dark theme.
Actual behavior: $navbar-light-color controls the (dark mode) navbar text color.
What operating system(s) are you seeing the problem on?
macOS
What browser(s) are you seeing the problem on?
No response
What version of Bootstrap are you using?
v5.3.1
The text was updated successfully, but these errors were encountered:
Prerequisites
Describe the issue
Using
data-bs-theme="dark"
applied on the entire body enables dark mode, and most Sass variable customization happens accordingly through 'dark' variables, e.g.$body-bg-dark
. However the navbar text color is confusingly controlled by the explicitly-named$navbar-light-color
variable despite using dark mode.Reduced test cases
HTML:
Sass:
Expectation: customizing $navbar-light-color should have no effect due to the use of dark theme.
Actual behavior: $navbar-light-color controls the (dark mode) navbar text color.
What operating system(s) are you seeing the problem on?
macOS
What browser(s) are you seeing the problem on?
No response
What version of Bootstrap are you using?
v5.3.1
The text was updated successfully, but these errors were encountered: