Semantic-UI icon indicating copy to clipboard operation
Semantic-UI copied to clipboard

Published 20 hours ago • verified publisher icon Semantic-Org

Dark theme

Open Puro00 opened this issue 5 years ago • 5 comments

Hello

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

Puro00 avatar Jul 06 '19 16:07 Puro00

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

migmolrod avatar Jul 08 '19 11:07 migmolrod

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

geraltofrivia avatar Jan 12 '20 22:01 geraltofrivia

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

geochronology avatar Nov 07 '20 14:11 geochronology

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.

lubber-de avatar Nov 07 '20 14:11 lubber-de

Found a neat workaround until something major happens in the lib.

You can use darkreader to enable darkmode on your site!

Worked pretty neat with converting a semantic ui site to support dark mode. Bonus: you get to play with params like brightness/contrast/sepia to figure out what works best.

gprasanth avatar Oct 29 '21 17:10 gprasanth