Currently the usage of css custom properties are set on the root element and use the theme-light and theme-dark classes. Due to the nature of css custom properties these are globals and could conflict with anything else that sets a css custom property with the same name.
I think it would be worth considering namespaces for your custom properties to either a classname that wraps all usage or a prefix to the custom property names themselves to avoid conflicts with other plugins or Grafana itself (if it ever starts using css custom properties).
The current version of Grafana OnCall, at the time this issue was opened, is v1.3.112. If your issue pertains to an older version of Grafana OnCall, please be sure to list it in the PR description. Thank you :smile:!
What would you like to see!
Currently the usage of css custom properties are set on the root element and use the
theme-light
andtheme-dark
classes. Due to the nature of css custom properties these are globals and could conflict with anything else that sets a css custom property with the same name.I think it would be worth considering namespaces for your custom properties to either a classname that wraps all usage or a prefix to the custom property names themselves to avoid conflicts with other plugins or Grafana itself (if it ever starts using css custom properties).
e.g.
or
Product Area
Other
Anything else to add?
No response