Как задавать данные в css переменную, которые пришли из бэка?

Question

[Alex10214]

Приветствую, у меня есть данные для темного фона сайта. Они хранятся в базе MSQL (Там просто лежат цвета). Мне нужно забрать эти цвета из базы и подставить в CSS переменные. Цвета я забрал, но не знаю как дальше подставить их в СSS переменные. Подскажите как это сделать? И можно ли такое реализовать вообще?

Answer 1

[Александр]

Не должно быть проблем

export class Component {
  constructor(
    private _http: HttpClient,
    private _elementRef: ElementRef
  ) {}

  ngOnInit() {
    const json = '{"--background-color": "black", "--text-color": "red"}';
    this._http.get('host')._subscribe(_res => {
      for (let [key, value] of Object.entries(
        JSON.parse(json)
      )) {
        this._elementRef.nativeElement.style.setProperty(
          key,
          value
        );
        console.log({ key, value });
      }
    });
  }
}

• https://tyapk.ru/blog/post/angular-theming-with-cs...
  
• https://netbasal.com/binding-css-variables-in-angu...
  

Comments

[Alex10214]

Спасибо большое!)