在Web開發中，CSS主題色非常重要。通過設置主題色，我們可以使整個頁面的顏色風格保持一致，并且增加頁面的美觀度和易讀性。

:root{
--primary-color: #007bff;
--secondary-color: #6c757d;
--success-color: #28a745;
--danger-color: #dc3545;
--warning-color: #ffc107;
--info-color: #17a2b8;
}

在上述代碼中，我們使用了 CSS 變量來定義主題色。在:root偽類中定義了6種不同的顏色變量（primary, secondary, success, danger, warning 和info）。

接下來，我們可以使用這些變量來定義樣式。比如：

button{
background-color: var(--primary-color);
color: white;
border: none;
padding: 8px 16px;
border-radius: 4px;
}

在以上代碼中，我們使用了primary-color變量來設置了按鈕的背景顏色。這樣，當我們需要調整整個網站的顏色主題時，只需要修改:root偽類中的變量即可。這樣，所有使用這些變量的元素都會自動的更新顏色。

總結一下，CSS主題色的使用可以讓我們的代碼更加模塊化和易于維護。除了顏色之外，其他樣式屬性（如字體和間距）也可以通過變量實現。