How to change block pre defined color

Questions & Help
1

Hello, what is the css class to edit block pre defined color (in the picture), i want to change the background-color of each one, so when i click on the yellow color, it will show my custom yellow color, and so one…

IMG_20250228_073707
IMG_20250228_0737071080×374 52.2 KB

Thank you

2

For changing e.g. the first color from left (i.e. the yellow one) to e.g. a bluish one, add these lines in file custom.css:

:root {
  --color-yellow-500: #55aaff;
  --ls-highlight-color-yellow: #55aaff;
}

For the rest of the colors from left to right, replace the word yellow with these words: red, pink, green, blue, purple, gray

3

Thank you very much for that

4

And for the dark theme ?

5

There should normally be no difference.

6

i want to have a different colors in the dark theme