В девтулзах, в стилях отображается конкретно то, что прописано в
.css файле или в теге
<style>. Это, в первую очередь, важно для разработчиков сайта, чтоб понимать что будет на выходе. Во вторых, так как разработчики используют некую тему, то они не заморачиваются над кодами цветов, они просто используют
--btn-color, не заморачиваясь над тем, какой там цвет кода. И браузер всеми силами, в меру своих возможностей, помогает им, предоставляя доступ к отладочной информации.
Ты же, будучи посторонним и непричастным к разработке сайта, не имеешь доступа к исходникам и всей отладочной информации. Более того, тебе этого и не надо. И разработчикам это тоже не надо. А это значит, что придется пользовать тем, что есть:
- наводишь на переменную и смотришь ее значение
- кликаешь на переменную и переходишь к ее объявлению
Если же такой расклад не устраивает, то есть еще варианты:
- Связаться с разработчиками сайта и попросить их убрать css переменные и заменить их на коды цветов. Скорее всего будешь послан xD в том или ином виде, если вообще ответят.
- Написать свое расширение для девтулзов, которое поставить финальные значения на место переменных.
- Если написать не в силах, то заплати кому-то за разработку.
- Если денег на себя жалко, то попроси кого-то написать такое расширение, авось повезет.
- Еще можно попытаться упросить разработчиков браузера, но это не просто. Но если получится, то через пару лет xD добавится галочка.
