Theming, Editing Colours

Post

Posted
Rating:
#2464 (In Topic #451)
Avatar
Site staff
enelson is in the usergroup ‘Super-moderators’
Am trying to do some design changes, mainly colour changes and I have just a problem. Am not really understanding the usage of {GET,…} used as colour value in the themes.
What do I need to know about them?
Online now: No Back to the top

Post

Posted
Rating:
Item has a rating of 5 (Liked by Chris Graham)
#2465
Avatar
Standard member
Master Rat is in the usergroup ‘Fan in action’
{GET…} is markup language for grabbing the colors from the theme wizard and where they are used. If you look at GLOBAL.CSS at the top lists all the color variants and where used.
I might be a little off…

Hope this helps.

Master Rat
Online now: No Back to the top

Post

Posted
Rating:
#2466
Avatar
Site staff
enelson is in the usergroup ‘Super-moderators’

Master Rat said



Hope this helps.




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.
Online now: No Back to the top

Post

Posted
Rating:
#2515
Avatar
Site director
Chris Graham is in the usergroup ‘Administrators’
Right, it's both. The first parameter (the colour) of the THEME_WIZARD_COLOR lines is regenerated when the theme wizard runs, from the third parameter.
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 Twitter. Follow me on Minds (where I am most active). Support me on Patreon

Was I helpful?
  • 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.
Online now: No Back to the top

Post

Posted
Rating:
#2516
Avatar
Site director
Chris Graham is in the usergroup ‘Administrators’
I've documented it better…

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}
… may become:

Code

{$THEME_WIZARD_COLOR,#ff0000,box_title_background,100% seed}
(this would happen if the seed colour used in the Theme Wizard was #ff0000)

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}
The Theme Wizard actually totally replaces these equations based on the seed, and whether light or dark was specified for the theme. It is these equations which sit at the root of the Theme Wizard calculation (because they don't depend on any other equations, they are defined directly by colour). The Theme Wizard is essentially an algebra solver using colour theory (a branch of applied mathematics).

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 Twitter. Follow me on Minds (where I am most active). Support me on Patreon

Was I helpful?
  • 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.
Online now: No Back to the top

Post

Posted
Rating:
#2531
Avatar
Site staff
enelson is in the usergroup ‘Super-moderators’
How about ; ... ; -o-... ; -webkit-... ; -ms-... ; -moz-...?
Online now: No Back to the top

Post

Posted
Rating:
#2532
Avatar
Site director
Chris Graham is in the usergroup ‘Administrators’
This adds CSS prefixing automatically, or makes other changes to make it work stably across browsers.

What Are CSS Vendor or Browser Prefixes?


Become a fan of Composr on Facebook or add me as a friend. Add me on on Twitter. Follow me on Minds (where I am most active). Support me on Patreon

Was I helpful?
  • 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.
Online now: No Back to the top

Post

Posted
Rating:
#2534
Avatar
Site staff
enelson is in the usergroup ‘Super-moderators’

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?


My bad. I've just read that in the comments in global.css
Online now: No Back to the top
1 guest and 0 members have just viewed this.

Statistics

Users online:

mytracker, John Connor, Vaiva, babu, deepu_ms, Manu, MVLipwig

Forum statistics:
  • 1,296 topics, 5,829 posts, 7,064 members
  • Our newest member is flour2door
Birthdays:
Back to Top