[Feature Request] Dark mode

[lonix1]

Would be nice to have a dark mode version of the UI.

[luca0898]

I was going to open a issue right now on this subject hahaha

[silverwind]

Poor man's dark mode:

@media (prefers-color-scheme: dark) {
  .swagger-ui {
      filter: invert(88%) hue-rotate(180deg);
  }
  .swagger-ui .microlight {
      filter: invert(100%) hue-rotate(180deg);
  }
}

Edit (2023): Updated to new code box class

[KaKi87]

Yes, but this is a feature request.

[clementCharasson]

For those who looking for dark mode in swagger, you can use custom CSS with a stylus plugin.
https://33kk.github.io/uso-archive/?search=swagger

[KaKi87]

There's also Dark Reader, but this shouldn't prevent Swagger from having a native dark theme ^^

[jeffersoneagley]

Yea in my case I could build out an alternative, but swagger-ui-react sets sooooooo many default colors, I'm sure it will be brittle.

[lonix1]

Agreed, it must be built-in.

But to get this going, maybe someone has dark mode styles to contribute? I see other apps simply use one of the popular themes floating around: "dracula", "nord dark", etc.

I assume if we make it easy for the devs to adopt, then we'll get this feature.

[daniloab]

Now that have the dark mode, can I disable it?

[gleb-svechnikov]

There was an attempt to solve it #5964 but for unknown reason PR was closed.

[ghandic]

Any news on this ?