Hello!,
I got the standard theme menu on the menu bar
When I using light themes all is fine.
When I change to dark themes some text doesn´t looke well because I haven´t setup the css to change colors...
How to setup the css so the colors of some elements change on dark theme in Ignition Perspective?
Is not a important feature on my project but if I set it up would be great.
Thanks.
For option 2 you should:
- Create a custom theme for each of the built-in themes you are likely to use. This could be 'light', 'dark', 'light-cool', etc.
- Pay attention to where to place your custom themes so they're not overwritten on Ignition upgrade.
- Define colors as variables. e.g.
--div-2: #7D3CBD;
That way you can assign the css variable to your components but they can be different in each theme.
Plan your theme. Use a theme colors that go well together. There are many web tools to help. e.g.,
https://www.canva.com/colors/color-wheel/
1 Like