JOE全局CSS美化代码与注释

方法

body {
    --theme: #000000;
}

此时网站主题色彩变成了黑色，本人就用的黑色，毕竟黑白简约永不过时

全部代码

body {
    --theme: #000000;
    --background: #ffffff;
    --main: #303133;
    --routine: #606266;
    --minor: #909399;
    --seat: #c0c4cc;
    --classA: #dcdfe6;
    --classB: #e4e7ed;
    --classC: #ebeef5;
    --classD: #f2f6fc;
    --radius-wrap: 10px;
    --radius-inner: 15px;
    --text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    --box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22);
}

--theme 主题颜色，用于修改整个网站的主题色彩，冒号后面的是颜色的色彩值，这个色彩值可以用常见的颜色格式。 --background 主体卡片背景颜色，调整透明度的话，可以填写 rgba 值，例如半透明：rgba(255,255,255,0.5) --main 文字的颜色，颜色最深的 --routine 文字的颜色，颜色稍微次于上面那个 --minor 文字的颜色，颜色稍微次于上面那个 --seat 文字的颜色，颜色稍微次于上面那个 --classA 横线、分割线用的颜色，颜色最深的 --classB 横线、分割线用的颜色，颜色稍微次于上面那个 --classC 横线、分割线用的颜色，颜色稍微次于上面那个 --classD 横线、分割线用的颜色，颜色稍微次于上面那个 --radius-wrap 外层包裹的圆角度数，如果不需要圆角，可以写0px --radius-inner 里层包裹的圆角度数，如果不需要圆角，可以写0px --text-shadow 文章标题的字体阴影，只在文章详情页用到，区别不大 --box-shadow 主体卡片阴影