Semantic-ui: Changing Site Theme is not possible

[julzheng]

Hi, I use semantic for my vue project. Changing Site theme to something else is not possible, meanwhile changing theme for each element is possible. What's wrong with my setup?

Node: 8.6.0

[awgv]

Hi @ylto, what are you changing it to?

[julzheng]

@Banandrew material, amazon, github, etc. all of them didnt work. Does it has to do with my node version?

[awgv]

@ylto No. I can’t reproduce, the theme changes are applied correctly. The changes are subtle, are you sure you’re not missing anything? For instance, material theme changes the font from Lato to Roboto:
https://github.com/Semantic-Org/Semantic-UI/blob/796d2f66e26ae5bb76c604fe6a36914ad3d2fe2a/src/themes/material/globals/site.variables#L10
Could you please change the site’s theme to material and check if the font was changed using the developer tools?

[julzheng]

@Banandrew It changed! But the button still in default theme. Can't it change to material too? The theme is set globally afterall.

[awgv]

@ylto site doesn’t change a theme for all components. When you change a component’s theme, you change a theme only for that component, so changing it for site won’t affect the button component—only site—and site is a component like any other that sets global things like typography, colors, and so on.

Also, please keep in mind that a theme might be existing only for a set of components, for example, if you look at pulsar and open elements category, you’ll see that pulsar has got a theme only for the loader component, so it’s pointless to use pulsar for the button component. And that’s how you figure out if a theme has got styles for a component.

Closing the issue as resolved, but please feel free to post here if you have more questions.