enhance(style):尝试调整PostCSS生成色板功能。

package.json

@@ -37,6 +37,7 @@
     "eslint": "^8.45.0",
     "lost": "^9.0.2",
     "postcss": "^8.4.31",
+    "postcss-advanced-variables": "^3.0.1",
     "postcss-color-mod-function": "^3.0.3",
     "postcss-custom-properties": "^13.3.3",
     "postcss-import": "^15.1.0",

postcss.config.js

@@ -2,6 +2,7 @@
 export default {
   syntax: "postcss-scss",
   plugins: {
+    "postcss-advanced-variables": {},
     "postcss-custom-properties": {},
     "postcss-import": {},
     "postcss-preset-env": {

src/styles.css

@@ -38,6 +38,7 @@ body {
 
 body,
 #root {
+  background-color: var(--palette-bright-blue-5);
   @util size(100vw, 100vh);
   overflow: hidden;
   user-select: none;