refactor: color

src/components/DrawerComponent.vue

@@ -105,7 +105,11 @@ function branchSetting() {}
         @click="$router.push('/')"
         id="btn-drawer-home"
       >
-        <q-img src="/logo.png" style="width: 80%; height: 70%" />
+        <q-img
+          src="/logo.png"
+          style="width: 80%; height: 70%"
+          :style="{ filter: `brightness(${$q.dark.isActive ? '1.3' : '1'})` }"
+        />
       </div>
 
       <div id="drawer-menu" class="q-pr-sm q-pl-md">
@@ -185,7 +189,7 @@ function branchSetting() {}
 }
 
 :deep(.q-drawer) {
-  background-color: var(--surface-3);
+  background-color: var(--surface-0);
   padding: var(--size-4);
   padding-right: 0;
 }

src/components/StatCardComponent.vue

@@ -92,6 +92,6 @@ const props = withDefaults(
 }
 
 .dark .stat-card__orange {
-  --_color: var(--orange-8);
+  --_color: var(--orange-6-hsl);
 }
 </style>