Editing Dark Color Accent

[user_767ea]

Hi!

I have found the part in css to edit the blue link and icon color.
How can I edit the accent color for the dark theme option?!?

kr
Patrick

 

[Oakley]

Looks like the palettes are in:

\content\legacy\themes\Peafowl\snippets\theme_colors.css.php

 

[Rodolfo]

While you can edit the .php file, that's often not needed. It is CSS so you can inject it directly at Dashboard > Settings > Theme.

@media (prefers-color-scheme: dark) {
    
    .palette-dark:root {
         --colorAccent: red;
    }

}

 

[Oakley]

I've not looked at it but is it relatively easy to add a new palette. Obviously there's the CSS colours but are the files involved just a few ?

 

[Rodolfo]

• This maps the menu/options: app/src/Legacy/Classes/Palettes.php
• This contains the actual styles: content\legacy\themes\Peafowl\snippets\theme_colors.css.php

 

[Oakley]

Cool 👍