I’m using Perspective 8.1.11 and I’ve been trying to adjust some of the themes, but I’m finding that any changes I make don’t seem to be being applied to what’s actually displaying and that I can’t make a custom theme.
First off, I tried to duplicate light-cool in the C:\Program Files\Inductive Automation\Ignition\data\modules\com.inductiveautomation.perspective\themes folder. I copied both the folder and main css file, renamed the folder to light-custom, file to light-custom.css, and changed light-custom.css to be:
Then I changed the theme in the designer to light-custom, and while the theme changed, it just effectively removed the theme because it won’t apply the custom one. The error I get is:
Refused to apply style from ‘http://localhost:8088/data/perspective/themes/light-custom.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
It registers as a CSS file in the file explorer. This issue persists after gateway restart. I tried to check for comments or whatever as per Refused to apply style but I didn’t have luck, plus I’m not sure why copying a style class that does work… doesn’t work.
Secondly, I decided to try to adjust the light theme directly, but nothing I added seemed to do anything. To see if it was just being overridden, I decided to check by simply changing a variable definition. I set a component to use --seq-1 as a colour, and it popped up as purple (great). Then I went into light/variables.css and changed the definition of --seq-1 to be #000000. Saved it, tried refreshing the browser, tried to toggle the theme selected, tried restarting the gateway, etc, but the component stayed purple instead of changing to black. How do I get Ignition to register my theme changes?
I haven’t tried anything with themes before so it’s entirely possible I’ve missed a step to make things work or have something incorrectly configured, but I can’t figure out what I’m doing wrong from the README. Any help would be great, thanks!