[Resolved] Best practice for adding custom variable colors via customizer

[Mark Corpuz]

I tend to use my own variables via a child theme when setting up colors on a website. This would mean that if I were to setup a new GP theme, I would manually add custom colors and override the existing variables that comes with GP. But this is a tedious process… So here are my questions:

1. Is there a way for me to override the GP themes color variables on the onset so when I activate the GP theme (or child theme), it would immediately show the custom colors I choose to use?

2. What is the best practices when it comes to adding custom variable colors? My assumption is for me to add the variables to my child theme and manually define those variables via the WP customizer section. But this is really tedious – any better ways for onboarding custom styles?

Below an example of my version of custom color variables:

–main-color: #555555;

–link-color: #666666;
–hover-color: #000000;
–active-color: #000000;

–black-color: #000000;
–darkest-color: #0C0C0C;
–darker-color: #191919;
–dark-color: #333333;
–mid3x-color: #444444;
–mid2x-color: #555555;
–mid-color: #666666;
–light-color: #999999;
–lighter-color: #cccccc;
–lightest-color: #e5e5e5;
–lightest2x-color: #efefef;
–lightest3x-color: #f0f0f0;
–lightest4x-color: #f9f9f9;
–white-color: #ffffff;

[Ying]

Hi Mark,

Try this solution Tom provided here:
https://generatepress.com/forums/topic/changing-global-colors-programatically/#post-1979567

[Author]

Posts