💄 稍微处理了一下色彩

src/assets/index.css

@@ -13,34 +13,18 @@
   /* font */
   --font-text: "JetBrians mono", "Genshin-Light", sans-serif;
   --font-title: "JetBrians mono Bold", "Genshin", serif;
-  /* color */
-  --common-color-white: #faf7e8;
-  --common-color-black: #333333;
-  --common-color-blue: #485466;
-  --common-color-blue-2: #546d8b;
-  --common-color-blue-3: #5b738f;
-  --common-color-yellow: #fec90b;
-  --common-color-grey: #96979a;
-  --common-color-grey-2: #b3b3b3;
 
   /* color white */
   --tgc-white-1: #ffffff; /* normal white */
   --tgc-white-2: #f0f1f6; /* Github mobile bg */
   --tgc-white-3: #f6f8fa; /* Github web bg */
-  --tgc-white-4: #f4f6f7; /* Github web option */
-  --tgc-white-5: #eff3f6; /* Miyoushe side bar */
-  --tgc-white-6: #f8f8f8; /* Miyoushe bottom bar */
-  --tgc-white-7: #f0f1f5; /* Miyoushe tag */
-  --tgc-white-8: #faf7e8; /* Genshin text */
-  --tgc-white-9: #ece5d8; /* Genshin text */
+  --tgc-white-4: #faf7e8; /* Genshin text */
+  --tgc-white-5: #ece5d8; /* Genshin text */
 
   /* color dark */
   --tgc-dark-1: #000000; /* normal dark */
   --tgc-dark-2: #202020; /* Tauri app nav */
-  --tgc-dark-3: #010409; /* Github web nav */
-  --tgc-dark-4: #0d1117; /* Github web bg */
   --tgc-dark-5: #161b22; /* Github web list nav */
-  --tgc-dark-6: #21262d; /* Github web btn bg */
   --tgc-dark-7: #393b40; /* Genshin btn bg */
   --tgc-dark-8: #121212; /* Github web bg */
 
@@ -48,7 +32,6 @@
   --tgc-blue-1: #3572a5; /* Github web lang bar */
   --tgc-blue-2: #00aeec; /* Bilibili btn bg */
   --tgc-blue-3: #4b5466; /* Genshin icon bg */
-  --tgc-green-1: #238636; /* Github web btn */
   --tgc-pink-1: #fb7299; /* Bilibili btn bg */
   --tgc-yellow-1: #ffcd0c; /* Genshin btn bg */
   --tgc-yellow-2: #f4d8a8; /* Genshin confirm text */

src/assets/themes/dark.css

@@ -26,8 +26,8 @@ html.dark {
   --box-text-1: var(--tgc-white-1);
   --box-text-2: var(--tgc-white-2);
   --box-text-3: var(--tgc-blue-1);
-  --box-text-4: var(--tgc-white-8);
-  --box-text-7: var(--tgc-white-9);
+  --box-text-4: var(--tgc-white-4);
+  --box-text-7: var(--tgc-white-5);
 
   /* button */
   --btn-text: var(--tgc-yellow-1);
@@ -52,7 +52,7 @@ html.dark {
 
   /* text */
   --common-text-title: var(--tgc-yellow-2); /* title，米色 */
-  --common-text-content: var(--common-color-white); /* text */
+  --common-text-content: var(--tgc-white-1); /* text */
   --common-text-quote: var(--tgc-dark-7); /* quote */
 
   --back-top-shadow: #000000;

src/assets/themes/default.css

@@ -48,8 +48,8 @@ html.default {
 
   /* common text color */
   --common-text-title: var(--tgc-dark-8); /* title */
-  --common-text-content: var(--common-color-blue-2); /* text todo */
-  --common-text-quote: var(--common-color-blue-3); /* quote todo */
+  --common-text-content: var(--tgc-blue-1); /* text todo */
+  --common-text-quote: var(--tgc-white-4); /* quote todo */
 
   --back-top-shadow: #546d8b;
   --post-default-text: #1e1e1e;

src/components/hutaoAbyss/hta-overlay-overview.vue

@@ -62,8 +62,9 @@ function onCancel(): void {
 .hta-oo-box {
   width: 300px;
   padding: 10px;
+  border: 1px solid var(--common-shadow-1);
   border-radius: 5px;
-  background: rgb(255 255 255/50%);
+  background: var(--box-bg-1);
 }
 
 .hta-oo-box:nth-child(3) {
@@ -71,8 +72,8 @@ function onCancel(): void {
 }
 
 .hta-oob-title {
-  border-bottom: 1px solid #393b40;
-  color: #393b40;
+  border-bottom: 1px solid var(--common-shadow-4);
+  color: var(--common-text-title);
   font-family: var(--font-title);
   font-size: 20px;
 }
@@ -86,16 +87,15 @@ function onCancel(): void {
 }
 
 .hta-oob-item :nth-child(2n-1) {
-  color: var(--common-color-blue);
+  color: var(--box-text-4);
   font-family: var(--font-title);
   font-size: 16px;
   text-align: left;
 }
 
 .hta-oob-item :nth-child(2n) {
-  color: var(--common-color-white);
+  color: var(--tgc-yellow-1);
   font-size: 14px;
   text-align: right;
-  text-shadow: 0 0 10px rgb(0 0 0/50%);
 }
 </style>

src/components/main/t-itembox-2.vue

@@ -87,7 +87,7 @@ const props = defineProps<TItemBox2Props>();
   align-items: center;
   justify-content: center;
   margin-left: 5px;
-  color: var(--common-color-white);
+  color: var(--tgc-white-1);
   font-size: calc(0.2 * v-bind(props[ "modelValue"][ "height"]));
 }
 </style>

src/components/main/t-itembox.vue

@@ -185,7 +185,7 @@ const props = defineProps<TItemBoxProps>();
   background: rgb(0 0 0 / 40%);
   border-bottom-left-radius: 5px;
   border-top-right-radius: 5px;
-  color: var(--common-color-white);
+  color: var(--tgc-white-1);
   font-family: var(--font-title);
 }
 
@@ -200,7 +200,7 @@ const props = defineProps<TItemBoxProps>();
   background: rgb(20 20 20 / 40%);
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
-  color: var(--common-color-white);
+  color: var(--tgc-white-1);
   font-family: var(--font-title);
 }
 

src/components/userAbyss/tua-detail-battle.vue

@@ -29,7 +29,7 @@ const props = defineProps<TuaDetailBattleProps>();
 }
 
 .tud-db-time {
-  color: var(--common-text-content);
+  color: var(--box-text-1);
   font-size: 12px;
   opacity: 0.6;
   text-align: left;

src/components/userCharacter/tuc-detail-overlay.vue

@@ -56,7 +56,7 @@
               class="tuc-dor-item"
               :model-value="item"
               :style="{
-                border: selected.pos === item.pos + 5 ? '2px solid var(--common-color-yellow)' : '',
+                border: selected.pos === item.pos + 5 ? '2px solid var(--tgc-yellow-1)' : '',
               }"
               @click="showDetail(item, '命座', item.pos + 5)"
             />

src/components/userCharacter/tuc-role-box.vue

@@ -233,7 +233,7 @@ onUnmounted(() => {
   align-items: center;
   justify-content: center;
   padding: 5px;
-  border: 1px solid var(--tgc-white-8);
+  border: 1px solid var(--tgc-white-4);
   border-radius: 50%;
   background: var(--tgc-dark-7);
   opacity: 0.8;
@@ -245,7 +245,7 @@ onUnmounted(() => {
   height: 30px;
   align-items: center;
   justify-content: center;
-  color: var(--tgc-white-8);
+  color: var(--tgc-white-4);
   font-family: var(--font-title);
   font-size: 12px;
   text-shadow: 0 0 10px var(--tgc-dark-7);

src/components/userRecord/tur-overview-sub.vue

@@ -46,7 +46,7 @@ defineProps<TAOProps>();
 }
 
 .dark .tur-os-text {
-  color: var(--common-color-yellow);
+  color: var(--tgc-yellow-1);
   text-shadow: none;
 }
 </style>

src/pages/common/Test.vue

@@ -1,10 +1,5 @@
 <template>
   <div>
-    <h1>测试米游社扫码登录</h1>
-    <div class="btn-list">
-      <v-btn class="test-btn" @click="showScan">弹窗</v-btn>
-    </div>
-    <ToGameLogin v-model="visible" />
     <h1>颜色测试</h1>
     <div class="test-box">
       <div class="test-1">
@@ -20,17 +15,7 @@
     </div>
   </div>
 </template>
-<script lang="ts" setup>
-// vue
-import { ref } from "vue";
-import ToGameLogin from "../../components/overlay/to-gameLogin.vue";
-
-const visible = ref<boolean>(false);
-
-function showScan(): void {
-  visible.value = true;
-}
-</script>
+<script lang="ts" setup></script>
 <style lang="css" scoped>
 .btn-list {
   display: flex;