Angular: css variables are not usable in components

Hi i am trying to use css variables to predefine colors for example.

Here is my app.component.css

:root {
  --main-bg1: rgb(26, 28, 29);
  --main-bg2: rgb(66, 77, 79);
  --main-bg3: rgb(93, 109, 112);

Problem is that when i use this variable in other components it wont work. For example

  background-color: var(--main-bg1);

How can i make this work in angular?

Read more here:

Content Attribution

This content was originally published by Juraj Jakubov at Recent Questions - Stack Overflow, and is syndicated here via their RSS feed. You can read the original post over there.

%d bloggers like this: