Can't figure out how to set a custom color scheme

[AutonomousCat]

I created colorscheme.css in assets/css/schemes/ and set the colorScheme = "colorscheme".

I tested with green so it's very obvious and while it works to change the background color, text remains unaffected.

colorscheme.css

:root {
  --color-neutral: 25, 200, 25;
  --color-secondary: 25, 200, 25;
  --color-primary: 25, 200, 25;
}

The documentation over at https://jpanther.github.io/congo/docs/advanced-customisation/#colour-schemes feels misleading and vague. It points to the Tailwind site for palettes which exclusively uses hex codes, while also saying the color must be in r,g,b format. Beyond that, I don't understand what -500 in the example means, but it didn't change anything with with that appended to --color-neutral. It also says each of neutral|secondary|primary contains 10 shades of color - how do I set those shades and how can I reduce it from 10 shades to 2 shades?

[jpanther]

You will need to set colours for all the shades as that's how Tailwind works. If you want to override this to only use a couple of shades, you will need to build Tailwind manually with your own custom configuration. The advanced theme docs explain this process in some detail.

To avoid building the theme manually, you should use one of the existing colour scheme templates as an example and build from there. The reason it uses RGB colour definitions is explained in the Tailwind docs.