Решено как сменить цвета на root

[hell777]

у меня есть стиль аризоны колпака.
я ставлю

:root[data-variation="alternate"]

и у меня получается другие цвета тех классов, которые я ввел на черном стиле, а мне надо , чтобы менялись цвета на системном стиле.

вопрос, на что нужно заменить alternate для смена цвета на системном "стиле" .

p.s Style variation у меня есть default и alternate

 

[Papochka_Harisson]

в prefers-color-scheme. вставьть

@media (prefers-color-scheme: dark) {

  :root {

    /* Ваши цвета для темной системной темы */

  }

}



@media (prefers-color-scheme: light) {

  :root {

    /* Ваши цвета для светлой системной темы */

  }

}

 

[Papochka_Harisson]

OFFTOP

я не понимаю как это взять в код можешь написать если поможет как в код взять

 

[Papochka_Harisson]

OFFTOP

а все нашел

 

[hell777]

в prefers-color-scheme. вставьть

@media (prefers-color-scheme: dark) {

  :root {

    /* Ваши цвета для темной системной темы */

  }

}



@media (prefers-color-scheme: light) {

  :root {

    /* Ваши цвета для светлой системной темы */

  }

}

OFFTOP

мне надо именно смену на системные цвет , но тут только светлый/темный

 

[Papochka_Harisson]

OFFTOP

мне надо именно смену на системные цвет , но тут только светлый/темный

:root:not([data-variation="alternate"]) {
    /* Твои цвета для системного (стандартного) стиля */
    --your-class-color: red;
}

 

[hell777]

:root:not([data-variation="alternate"]) {
    /* Твои цвета для системного (стандартного) стиля */
    --your-class-color: red;
}

хорошее решение. спасибо!