Navigate to the following area within the main theme folder for Athena Pro:
athena_pro/inc/css/temps
*or if you don’t have pro,go to athena/inc/css/temps and just pick a different color css file then the one below.*
This folder contains the CSS files that represent each of the coloured “skins”. Open “black.css” in a text editor such as Notepad (or TextEdit for Mac users).
Using your text editor’s “Find and Replace” tool, perform a search to find all instances of the hex value #111111, and replace them all with the hex value for the main, primary colour you would like for the theme.
Now use the same find and replace tool again, but this time replace all instances of #000000 with the hex value for the secondary colour. This secondary colour will be used for things like hover effects on links, so it’s often a good idea to pick a slightly brighter or darker version of the primary colour you chose.
Save your changes to the file, and open up your WordPress site in your browser. Open the Customizer panel and navigate to Appearance > Skin Color. Select the name of the colour file you just edited, which in this case is “Black”, and save your changes. Close the Customizer panel and reload the page. The theme will load in the “black.css” file you edited, and your new colours will take effect!
Please note that selecting the colour you’ve edited in the Customizer panel will not immediately show a preview of the new colours – you must save and exit the Customizer to load in the new, edited CSS. You can repeat this editing process with any of the other colours in the “temps” folder to create additional themes, but you may wish to keep track of which ones you have edited for later reference.
