feat: add dark mode #10653
Merged
feat: add dark mode #10653
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Add DarkMode component - Add darkmode comp styling
Co-authored-by: Ed Brannin (BW) <[email protected]>
17 tasks
robert-hebel-sb
approved these changes
Dec 9, 2025
src/style/_topbar.scss
Outdated
| opacity: 1; | ||
| } | ||
| } | ||
| } |
Contributor
There was a problem hiding this comment.
nit: no empty line at the end
Contributor
|
Great work @glowcloud ! - happy to see this much needed feature making it's way toward being in swagger. |
cka121
approved these changes
Dec 11, 2025
This was referenced Dec 11, 2025
Closed
|
what a Christmas present, thanks! |
swagger-bot
pushed a commit
that referenced
this pull request
Dec 11, 2025
Contributor
|
🎉 This PR is included in version 5.31.0 🎉 The release is available on: Your semantic-release bot 📦🚀 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Refs #5327, #9964, #10089
Supersedes #10216
Adds dark mode toggle to the top bar in standalone preset. If not using standalone preset, dark mode can also be enabled by adding
dark-modeclass to the<html>element.NOTE: Class component was used for
DarkModeToggleas a workaround, as there were issues with duplicated React, causing hooks to be unusable. Alternative solution exists with the usage of Redux and dropping support for loading preferred colours, but opted for this one for now.