Hoe voeg ik meer opties toe aan kleurenpaletten?

I noticed that some palettes have more options to set colors than others.
For example the Dracula palette has way more options than other palettes.

I saw this post, but I don’t know if this is relevant:

This seems related to Themes, but palettes don’t have that option to edit the code and add Color definitions.

1 like

Yes, a theme can directly override individual colors — this isn’t possible via the color palette admin area

2 likes

Bedankt voor het delen.

Dus, voor iemand die nog niet erg bekend is met sommige dingen, betekent dat dat ik via SSH verbinding moet maken met mijn server (als dat de juiste terminologie is?) en dat json-bestand moet vinden, die wijzigingen moet aanbrengen, en dat dit dan wordt weerspiegeld in de UI?

Zo ja, dan kunnen we de standaardvariabelen overschrijven en ook nieuwe toevoegen, toch?

1 like

if you did it this way, I think it would probably get overwritten by the next Discourse update… so generally you want to leave the existing palettes alone

If you want to create a new palette with all the extended color overrides, and make it so users can select that palette, the simplest way is to create a theme and upload it.

All you would have to do in the theme itself is edit about.json to contain the color definitions… there’s an example here:

Once the theme is added to the site, the included color palette will be added to admin/customize/colors and you can make that user-selectable

Another way to customize our colors is to override them directly with CSS, this would require using a certain theme rather than a specific color palette… but in the theme’s common file you can do something like:

``css
:root {
--primary-low: red;
--secondary: #ff0000;
}
``
you can see all the available colors to override by opening the browser inspector, clicking the HTML element at the top, and doing some scrolling (we have a lot of variables now)

The benefit of this method is that you can do it via the theme editor in the admin UI

3 likes

There’s a lot to digest here, but I will definitely take some time to read, analyze it, and test it.

Thank you so much for the detailed reply. I saved it to my notes. :raising_hands: