How change colours of a theme

[Nico7180]

Hi everyone, I want to change some colours of the “Noon” theme. Any suggestion ? For example, in the default setting of Noon titles in hover are yellow, but I want to change in green, how I can do it ? Thanks

[BrozTechnologies]

@Nico7180 Welcome to the community!!!

Take a look to at this post for some answers:

Creating a Custom SuiteP Sub-theme

[pgr]

That article has a slightly newer version here:

Creating a Custom SuiteP Sub-theme

[jessica1]

If you want to change the colour then do it by changing from below file,

/themes/SuiteP/css/Noon/style.css

[pgr]

@jessica1 that’s really not a good way to do it, even if it works. It’s not upgrade safe. There are better ways to customize themes.

[jessica1]

Please elaborate more.

[pgr]

It’s been discussed often here, for example

Simple CSS Override

I think the mention of JS injection is leading you guys in a needlessly complex direction. If you just add that snippet of CSS into a file called custom/themes/SuiteP/css/Dawn/style.css it will get appended to your styles. Make sure to change that Dawn for the specific sub-theme you’re using. Or create 4 separate files, one for each sub-theme.

That’s for the simple styling tweaks.

And that post linked a couple of posts above is the most complete tutorial for a full custom theme creation.

[jessica1]

Thank you, I will look into it.

[rsp]

@jessica1

Are you able to customize your style.css by putting at below location?

custom/themes/SuiteP/css/Noon/style.css