要使用 CSS 设置页面主题色，可以通过以下步骤实现：
:root {
--primary-color: #007bff;
}这里定义了一个名为 --primary-color 的变量，它的值为蓝色（#007bff）。
body {
background-color: var(--primary-color);
}这里将 --primary-color 变量应用于 body 元素的背景色，这将使页面的背景色变为蓝色。
:root {
--primary-color: #28a745;
}这将更改 --primary-color 变量的值为绿色（#28a745），从而更新整个页面的主题颜色为绿色。
这种方法可以使页面主题色的更改变得简单和方便，而无需修改每个元素的颜色。同时，使用 CSS 变量来设置主题颜色还可以使代码更加模块化和可维护。