Use Color Manager with CSS

[seven]

Hey there,

i’m just wondering if its possible to use global colors from the color section in css?

Just want to do custom colors with css and change the colors in color manager…

Thanks
Pierre

[tristup]

Hi Pierre,

Unfortunately, it is not possible to use the Global Colors in CSS.

Thanks

[sparko]

You can reference global colors in CSS using {{dc:global:color id="..."}}

But in order to get the ID, you need to open the Dev Toolkit inside of Cornerstone (the little cordless drill icon at the bottom).
Then you need to go to Tools > colors and you’ll find a JSON list with all global colors and their corresponding ID you’ve created.

[tristup]

Hi Pierre,

I just discussed with Charlie and found that you can use the Global Colors inside the CSS code. Please find the following thread where he explained it.

https://theme.co/forum/t/6-0-b1-use-global-colors-as-defaults-in-parameters/100685/7

Hope it helps.
Thanks

[seven]

Thanks guys,

@tristup your link is not working, maybe set to private? I’ll try sparko’s solution - thanks!

[prakash_s]

Hello @seven,

You can reference any global color via {{dc:global:color id="..."}}. You can find the list of Ids to reference in the dev tools “Color” button in the “Tools” tab. A Dynamic content UI for colors and fonts is coming though hopefully in Pro 6.3. Please have a look at the given screenshot below.

Thanks

[seven]

Hello @prakash_s,

thank you, works great!

Best regards
Pierre

[tristup]

Hi Pierre,

Glad that we are able to help you.

Thanks

[dabigcheeze]

How to use Themeco Pro template colors anywhere on your site - Michael Bourne

[prakash_s]

Hello @dabigcheeze,

Thanks for sharing the information, @dabigcheeze

Thanks