DO NOT DO ANY OF THIS NOW. THIS IS JUST AN IDEA and the theme structure is not final yet
I think I’ve figured out a way to do this.
first you create your own empty theme.
Call it “Parent” for the sake of this post:
then install Vincent
then you add the SCSS variables in the common CSS section for the Parent theme:
then you add Vincent as a child theme or theme component of the Parent theme we just created:
Then you set the color scheme for the Parent to that of Vincent’s
As a child theme, Vincent will then inherit the variables from the Parent theme
This will allow you to change the variables safely and not have to worry about them being overwritten.
So you can for example change the gradient color to blue:
It will also allow you to rename the theme to whatever you like to match your app. For example Vincent, doesn’t really go with EVE. You can call the Parent theme EVE Midnight and that’s what would show in theme selection menu:
Now, let’s say a new version of Vincent comes out, well, you just go to Vincent and update… that’s all.
And the variables will be safe in your parent theme.
injecting the current color scheme variables into the Parent theme here would be a major plus. The variables could then be incorporated into child themes / theme components easily.