Skip to content

Conversation

theletterf
Copy link
Contributor

This adds a dark theme SCSS file for Swagger UI, adapted from https://github.com/Amoenus/SwaggerDark

Demo:

Screenshot 2025-07-21 at 09 31 45

Fixes #2293

@xuchen
Copy link

xuchen commented Jul 22, 2025

thank you! this works for me perfectly!

@theletterf
Copy link
Contributor Author

theletterf commented Jul 23, 2025

@chalin @LisaFC PTAL

Copy link
Collaborator

@chalin chalin left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for this @theletterf! A few comments:

  • Some styling / formatting seems broken in your sample, or is that normal? image
  • We need a test of this either from the Docsy Example or in this repo. 🤔
  • I'd prefer a deeper integration with Bootstrap and it's CSS variables, but this is better than no dark mode support.

@chalin
Copy link
Collaborator

chalin commented Jul 28, 2025

@theletterf - a few more comments:

  • Please address the build failures (maybe by running fix:format).
  • Might there be a way that we can use the style(s) from https://github.com/Amoenus/SwaggerDark as is, and provide a delta over that. It might be easier to keep up with fixes to SwaggerDark.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Swagger UI shortcode doesn't render well under dark mode

3 participants