Semantic-ui-react: Theming in semantic-ui-react

[nitish24p]

Semantic ui can be themed according to some styles by overriding default variables and initialising a build process via gulp. Can the same be done here ? if yes how?

[mcrawshaw]

Yes, react semantic still uses the same underlying css.
https://react.semantic-ui.com/usage#css

[levithomason]

@mcrawshaw is correct:
https://github.com/Semantic-Org/Semantic-UI-React#can-i-use-a-custom-css-theme

[uli28]

Change theme:
$ npm install semantic-ui --save-dev
Follow instructions, be aware that semantic.json is in root folder.

You can add your theme like shown in this tutorial. http://g14n.info/2016/11/react-semantic-customized/
Included are the themes basic,default,github,material. (you can change /src/theme.config to one of those 4)
gulp-build (after changing)

include "import '../semantic/dist/semantic.min.css';" to index.js to load that customized css.

[GerbenCdg]

Check out this repo which is already setup for theming (I was looking to do so and this helped me)
https://github.com/ucorina/semantic-ui-react-theming

[levithomason]

Just wanted to let everyone know, we're working on better theming here in Semantic UI React and in Stardust. The coming year should yield a lot of great things in this area.

See #2939, #2938, and #2710