如何製作一個有HTML和CSS顏色的有組織的圖書館？

Question

對於較大的Web項目，我發現它不切實際地改變所有不同的顏色，手動地改變所有不同的顏色。

這就是爲什麼我想知道是否有可能在普通Web項目中製作某種顏色庫？

舉個例子，這個例子在android studio中是可以的，你可以很容易地在xml文件中給出顏色名稱，通常叫做「color.xml」：

總結這個問題：

這可能與例如HTML和CSS Web項目來實現？

Answer 1

CSS爲我們提供了variables的概念，但尚未完全支持，因此我不會在生產環境中運行和使用它。

這將在Chrome/Firefox瀏覽器，但我不知道關於其他瀏覽器：

html { 
 
    --main-color: #FF0000; 
 
    --sub-color: #00FF00; 
 
} 
 
.main { 
 
    color: var(--main-color); 
 
} 
 
.sub { 
 
    color: var(--sub-color); 
 
}

<div class="main">asd</div> 
 
<div class="sub">def</div>

您還可以使用SASS/SCSS /更少/手寫筆或其他許多人。