Sure. Say I create a pallet of colors and apply them to every aspect of my site. If I later want to adjust one of those colors, I can simply edit that one color and all my templates, pages and posts will display that new color where it has been used.
That is how the colors from the Theme options work.
For example, if you change the Counter Icon color, then all Counter Icons you used on your website will change their color. There is an expectation if you overwrite this color in the element option, then it will not change after modification in the Theme options because its styles are more important than the global ones.
This is not exactly what I mean. If there had been under general, say 6-8 colors that on could define, these could be used one the elements, action bar, header and so on. So if I have Color #1 set to blue and this is the theme's main color, I could change it to e.g. indigo and all elements and other places would become indigo in a second, in stead of having to locate each place in the theme options, templates, pages and posts where the color has been set.
Just my opinion. It would have made a huge difference :)
We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.
Cookies are small text files that can be used by websites to make a user's experience more efficient.
The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.
This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.
You can at any time change or withdraw your consent from the Cookie Declaration on our website.
Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.
Please state your consent ID and date when you contact us regarding your consent.
Comments
Hi,
Can you explain it in more detail, please?
I do not want to misunderstand you.
Best regards
Sure. Say I create a pallet of colors and apply them to every aspect of my site. If I later want to adjust one of those colors, I can simply edit that one color and all my templates, pages and posts will display that new color where it has been used.
That is how the colors from the Theme options work.
For example, if you change the Counter Icon color, then all Counter Icons you used on your website will change their color. There is an expectation if you overwrite this color in the element option, then it will not change after modification in the Theme options because its styles are more important than the global ones.
Best regards
Hi!
This is not exactly what I mean. If there had been under general, say 6-8 colors that on could define, these could be used one the elements, action bar, header and so on. So if I have Color #1 set to blue and this is the theme's main color, I could change it to e.g. indigo and all elements and other places would become indigo in a second, in stead of having to locate each place in the theme options, templates, pages and posts where the color has been set.
Just my opinion. It would have made a huge difference :)
Now I get it.
It could be interesting. Please, share your idea on the following topic:
Thanks to that we will not miss your opinion among other forum discussions.
Best regards
Thanks! Will do ??
For any one interested, it is already possible through CSS variables:
Create custom CSS:
:root {
--primary: #2b2b2b;
--secondary: #ffc857;
--third: #adf1d2;
--black: #000;
--white: #fff;
/* ZINK */
--zink100: var(#fafafa);
--zink200: var(#f4f4f5);
--zink300: var(#e4e4e7);
--zink400: var(#d4d4d8);
--zink500: var(#a1a1aa);
--zink600: var(#71717a);
--zink700: var(#52525b);
--zink800: var(#3f3f46);
--zink900: var(#27272a);
}
Use the variables wherever you like, theme options, templates, pages and where ever:
Such as var(--primary) and so on.
More info: https://www.w3schools.com/css/css3_variables.asp