Difficulty to understand the theme CSS

[zurbo]

Hello,
I started reading the theme CSS because I would like to create my own.
And I found this line:

    -- #a7240e: #dc3545;

I didn't understood what this line does, or is supposed to do so I tried to find where it come from, it seems like this file come from this Bootstrap 4 CSS but this line is "wrong". In the original CSS this line is:

    --red: #dc3545;

My hypothesis is that someone replaced "red" by "#a7240e" with a find & replace tool without being careful enough, and these lines are now "useless" as the tool replaced too much, the word "reduce" become "#a7240euce" in a lot of others lines.

I'm am not that good at CSS and there is a lot of chances I don't understand these lines correctly.
But if I'm correct I think it should be replaced at least for teh sake of readability.

I didn't open an issue nor PR because I'm not confident enough in my CSS skill, but if it's confirmed I can do it.

[tomtjes]

someone replaced "red" by "#a7240e" with a find & replace tool without being careful enough, and these lines are now "useless" as the tool replaced too much, the word "reduce" become "#a7240euce" in a lot of others lines.

This sounds plausible and I think that means it should be a bug report/issue.

[zurbo]

Ok, I'll do it later today

[vabene1111]

while this might be a bug the tandoor CSS is not used in most places of the application anymore. Everything has been migrated to the new vue 3 frontend and has made most of it obsolete besides the few views that have not yet but will be migrated.

If you want to customize CSS you are best of looking at the inspector and finding out the classes you want to change, then upload your custom css with overrides for these classes.

[zurbo]

Oh, I didn't know I will check that, thanks