for css var hint

src/styles/cssvar.css

@@ -0,0 +1,17 @@
+:root {
+  --header-bg-color: #191b37;
+  --app-container-bg-color: white;
+  --app-main-bg-color: #edf2fa;
+  --app-main-text-color: #283e76;
+  --app-min-width: 1280px;
+  --app-bold-text-color: #435488;
+  --app-small-header-text-color: #7584ac;
+  --app-score-color: #5d65ff;
+  --app-primary-button-bg-color: #5d65ff;
+  --app-ant-select-bg-override-color: #5d6d7d;
+  --app-undo-button-bg-color: #4ed885;
+
+  --app-main-font-size: 14px;
+  --app-secondary-font-size: 12px;
+  --app-title-font-size: 16px;
+}

src/styles/global.css

@@ -1,23 +1,6 @@
 @import "./tailwind.css";
 @import "./nprogress.css";
-
-:root {
-  --header-bg-color: #191b37;
-  --app-container-bg-color: white;
-  --app-main-bg-color: #edf2fa;
-  --app-main-text-color: #283e76;
-  --app-min-width: 1280px;
-  --app-bold-text-color: #435488;
-  --app-small-header-text-color: #7584ac;
-  --app-score-color: #5d65ff;
-  --app-primary-button-bg-color: #5d65ff;
-  --app-ant-select-bg-override-color: #5d6d7d;
-  --app-undo-button-bg-color: #4ed885;
-
-  --app-main-font-size: 14px;
-  --app-secondary-font-size: 12px;
-  --app-title-font-size: 16px;
-}
+@import "./cssvar.css";
 
 body {
   margin: 0;

src/styles/nprogress.css

@@ -20,6 +20,7 @@
   display: block;
   position: absolute;
   right: 0px;
+  /* top: var(--); */
   width: 100px;
   height: 100%;
   box-shadow: 0 0 10px #29d, 0 0 5px #29d;