Я использую красивую тему Bootstrap 4 css, которая переопределяет тему по умолчанию с очень красивыми цветами, но я не могу «ссылаться» на цвет по его корневому имени из css.
Давайте объясним лучше, Bootstrap имеет некоторые корневые цвета, которые называются «успех», «опасность», «темный», «светлый» и т. д. (и, следовательно, шаблон css пользовательской темы), и, конечно же, они имеют шестнадцатеричное представление и Я хотел бы применить один из этих цветов к наведению ссылки, вызывая его по его корневому имени, а не по его шестнадцатеричному коду.
Чтобы быть более ясным, я хотел бы сделать что-то вроде следующего:
.dropdown-menu > a:hover {
color: success; /*or dark or danger or whatever */
}
Таким образом, если я изменю шаблон в будущем, все цвета будут автоматически скорректированы в соответствии с новыми значениями шаблона, и внешний вид всех приложений останется в «гармонии» с новым общим аспектом шаблона.
Я не уверен, что это возможно с использованием чистого css, но, возможно, есть обходной путь.
Как вы видите, моя цель состоит в том, чтобы иметь столько цветов, на которые я могу ссылаться по имени (скажем, динамически, а не статически, используя шестнадцатеричный), поэтому, если я изменю шаблон bootstrap css, все цвета автоматически адаптируются к новым значениям шаблона.
Любая помощь/идеи?