修改配色

src/App.vue

@@ -55,7 +55,7 @@ onMounted(() => {
   font-size: 14rem;
   display: flex;
   justify-content: center;
-  background-color: var(--color-main-bg);
+  //background-color: var(--color-main-bg);
 
   .center {
     width: 70vw;

src/assets/css/style.scss

@@ -8,6 +8,7 @@
   --color-main-bg: rgb(226, 226, 226);
   --color-second-bg: rgb(238, 240, 244);
   --color-header-bg: white;
+  --color-tooltip-bg: white;
   --color-font-1: black;
   --color-font-2: gray;
   --color-font-active-1: white;
@@ -19,9 +20,14 @@
 }
 
 html[data-theme='dark'] {
-  --color-main-bg: rgba(0, 5, 24, 1);
+  //--color-main-bg: rgba(0, 5, 24, 1);
+  --color-main-bg: rgba(14,18,23, 1);
+  //--color-main-bg: rgba(17,24,39, 1);
   --color-second-bg: rgb(60, 63, 65);
-  --color-header-bg: white;
+  --color-header-bg: rgb(60, 63, 65);
+  //--color-tooltip-bg: rgb(60, 63, 65);
+  --color-tooltip-bg: #252525;
+  --color-font-1: white;
 }
 
 $anim-time: 0.3s;

src/components/Toolbar/SettingModal.vue

@@ -247,7 +247,7 @@ const emit = defineEmits([
   }
 
   .content {
-    background: white;
+    background: var(--color-header-bg);
     flex: 1;
     height: 100%;
     padding: 0 $space;

src/components/Toolbar/Toolbar.vue

@@ -135,7 +135,7 @@ header {
 
   .info {
     font-size: 18rem;
-    color: black;
+    color: var(--color-font-1);
     display: flex;
     justify-content: center;
     align-items: center;

src/components/Tooltip.vue

@@ -75,7 +75,7 @@ export default {
   border-radius: 4rem;
   padding: 10rem;
   color: var(--color-font-1);
-  background: var(--color-header-bg);
-  box-shadow: 1px 1px 6px #bbbbbb;
+  background: var(--color-tooltip-bg);
+  //box-shadow: 1px 1px 6px #bbbbbb;
 }
 </style>

src/components/Type.vue

@@ -311,7 +311,7 @@ function format(val: number, suffix: string = '') {
     width: var(--toolbar-width);
     box-sizing: border-box;
     border-radius: 10rem;
-    background: white;
+    background: var(--color-header-bg);
     padding: 2rem 10rem 10rem 10rem;
     margin-top: 20rem;
     transition: all .3s;