-
Notifications
You must be signed in to change notification settings - Fork 336
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Update navbar styling to use data-bs-theme attribute #2573
Conversation
@include border-radius($border-radius); | ||
padding: 0.5rem; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
As far as I can tell, this padding had no effect.
background: change-color($primary, $alpha: 0.1); | ||
} | ||
|
||
.navbar-dark { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm not sure why we had this; it doesn't seem necessary now.
@@ -1,5 +1,5 @@ | |||
{{#navbar}} | |||
<nav class="navbar fixed-top navbar-{{{type}}} navbar-expand-lg bg-{{{bg}}}" data-bs-theme="{{{type}}}" aria-label="{{#translate}}{{site_nav}}{{/translate}}"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
In preparation for #2338 — if you activate dark mode, we won't write these so that everything is controlled via css.
I think this makes sense. Changes to navbar colors are imperceptible. |
@jayhesselberth does this make sense to you? It slightly changes the colour (hopefully not too noticeably), but computes them in such a way that switching to dark mode should be easier.