Semantic-ui: Dark theme

Created on 6 Jul 2019  路  4Comments  路  Source: Semantic-Org/Semantic-UI

Hello

Can you please add Dark theming support for the Semantic-UI?

Most helpful comment

I think something like @media (prefers-color-scheme: dark) { change color vars to some other value } would be amazing!

All 4 comments

Check out the .inverted css class. Most of elements have an 'inverted' version of them which works with dark themes.

I think something like @media (prefers-color-scheme: dark) { change color vars to some other value } would be amazing!

Adding my support for this feature. Native dark mode support would be huge.

The community fork Fomantic-UI suggested a simple approach by using a separate Dark Theme bound as media query:
https://github.com/fomantic/Fomantic-UI/discussions/1022#discussioncomment-92727
It also got a PR for a Dark Theme at
https://github.com/fomantic/Fomantic-UI/pull/1436
However that was unfortunately not completed but was a good start.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

miguelmota picture miguelmota  路  3Comments

batata004 picture batata004  路  3Comments

mllamazares picture mllamazares  路  3Comments

playgithub picture playgithub  路  3Comments

guilhermeblanco picture guilhermeblanco  路  3Comments