在網(wǎng)站開發(fā)中，設計師可能會提供一個基礎的色彩方案，然而有時候你需要自定義顏色來使你的網(wǎng)站或應用與眾不同。通過 CSS 變量，可以方便地在整個網(wǎng)站中應用主題顏色。

首先，我們需要定義我們的顏色變量。這可以通過在 CSS 中使用 var() 函數(shù)實現(xiàn)。在示例中，我們定義了兩個顏色變量——primary 和 secondary。

:root {
--primary-color: #ff6600;
--secondary-color: #0000ff;
}

一旦我們定義了顏色變量，我們可以在整個 CSS 中使用它們。

body {
background-color: var(--secondary-color);
}
h1 {
color: var(--primary-color);
}

就像這樣，我們可以在整個 CSS 中設置我們的主題顏色。