Theme colors for text and background

Hello!,

I got the standard theme menu on the menu bar
image

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

Thanks Transistor!