Theming, Editing Colours


What do I need to know about them?


I might be a little off…
Hope this helps.
Master Rat


Master Rat said
I used to think the colours defined at the top were only used for calculating new colour scheme when running the theme wizard, using the theme in focus as a base.
Thanks.


Then it works as a variable that is referenced through the CSS, named by the second parameter.
You can if you wish just bypass it and directly enter your own CSS colour codes in place or in addition to what the Theme Wizard is doing, you're not tied into it.
Become a fan of Composr on Facebook or add me as a friend. Add me on on Mastodon. Follow me on Minds (where I am most active). Support me on Patreon
- If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
- If so, please let others know about Composr whenever you see the opportunity or support me on Patreon.
- If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying Composr on fun personal projects.
- If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.


Some CSS files have {$THEME_WIZARD_COLOR,#RRGGBB,name,equation} lines near the top.
When the Theme Wizard runs the first parameter (the colour) of the THEME_WIZARD_COLOR lines is regenerated from the third parameter (the equation).
For example,
Code
{$THEME_WIZARD_COLOR,#426aa9,box_title_background,100% seed}
Code
{$THEME_WIZARD_COLOR,#ff0000,box_title_background,100% seed}
This is all happening only when the Theme Wizard is run.
There is a special case of these particular equations:
Code
{$THEME_WIZARD_COLOR,#94979d,seed,100% 426aa9}
{$THEME_WIZARD_COLOR,#ffffff,WB,100% FFFFFF}
{$THEME_WIZARD_COLOR,#000000,BW,100% 000000}
When the CSS file is compiled, it works as a simple variable system. The second parameter serves as the variable name, which can then be referenced in the CSS as {$GET,name}. It's a very straight-forward substitution system.
You can if you wish just bypass the Theme Wizard equations system and directly enter your own CSS colour codes in place or in addition to what the Theme Wizard is doing. You are in no way tied into the mechanism of the Theme Wizard once you begin editing your own theme. That said, it can be useful to help you keep your colour palette consistent.
Become a fan of Composr on Facebook or add me as a friend. Add me on on Mastodon. Follow me on Minds (where I am most active). Support me on Patreon
- If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
- If so, please let others know about Composr whenever you see the opportunity or support me on Patreon.
- If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying Composr on fun personal projects.
- If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.




What Are CSS Vendor or Browser Prefixes?
Become a fan of Composr on Facebook or add me as a friend. Add me on on Mastodon. Follow me on Minds (where I am most active). Support me on Patreon
- If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
- If so, please let others know about Composr whenever you see the opportunity or support me on Patreon.
- If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying Composr on fun personal projects.
- If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.


Chris Graham said
This adds CSS prefixing automatically, or makes other changes to make it work stably across browsers.
What Are CSS Vendor or Browser Prefixes?
From “Post #2,532”, 23rd April 2017, 9:36 pm
My bad. I've just read that in the comments in global.css