🚚 重命名&美化

src/components/main/t-itembox.vue

@@ -188,7 +188,7 @@ const getOuterFont = computed(() => `${props.modelValue.outerHeight / 2}px`);
   width: 100%;
   height: v-bind(getOuterHeight);
   text-align: center;
-  color: var(--common-text);
+  color: var(--common-text-title);
   font-size: v-bind(getOuterFont);
 }
 </style>

src/components/main/t-pool.vue

@@ -8,8 +8,9 @@
       <v-card v-for="pool in poolCards" :key="pool.post_id" class="pool-card">
         <v-list class="pool-list">
           <v-list-item :title="pool.title" :subtitle="pool.subtitle">
+            <!-- todo 点击播放语音 -->
             <template #prepend>
-              <img :src="pool.voice.icon" class="pool-sideIcon" alt="icon" />
+              <img :src="pool.voice.icon" class="pool-voice-icon" alt="icon" />
             </template>
             <template v-if="pool.voice.url" #append>
               <audio :src="pool.voice.url" controls />
@@ -156,7 +157,7 @@ onMounted(async () => {
   loading.value = false;
 });
 
-// 检测是否有新的限时祈愿
+// 检测新卡池
 function checkCover(data: GachaData[]) {
   // 如果没有缓存
   if (!homeStore.poolCover || Object.keys(homeStore.poolCover).length === 0) {
@@ -220,12 +221,12 @@ onUnmounted(() => {
 .pool-box {
   margin-bottom: 10px;
   padding: 10px;
-  box-shadow: 0 0 10px var(--common-bg-4);
+  box-shadow: 0 0 10px var(--common-shadow-4);
   border-radius: 5px;
 }
 
 .pool-title {
-  color: var(--common-text);
+  color: var(--common-text-title);
   font-family: var(--font-title);
   font-size: 20px;
   display: flex;
@@ -237,7 +238,7 @@ onUnmounted(() => {
   transform: translate(0, 2px);
   margin-right: 10px;
   border-radius: 50%;
-  background: var(--common-bg-2);
+  background: var(--common-shadow-2);
 }
 
 .pool-grid {
@@ -248,27 +249,21 @@ onUnmounted(() => {
 }
 
 .pool-card {
-  background: #45b787; /* 蛙绿 */
-  color: #eef7f2; /* 丹白 */
+  background: var(--common-bg-1);
+  color: var(--common-bgt-1);
   border-radius: 5px;
 }
 
-.dark .pool-card {
-  background: #1f2623; /* 苷蓝绿 */
-}
-
 .pool-list {
   font-family: var(--font-title);
   background: inherit;
   color: inherit;
 }
 
-.pool-sideIcon {
-  margin-top: 10px;
+.pool-voice-icon {
   width: 40px;
   height: 40px;
-  border-radius: 50%;
-  background: var(--common-bg-2);
+  transform: translateY(-5px);
 }
 
 .pool-cover {

src/components/main/t-position.vue

@@ -140,12 +140,12 @@ onUnmounted(() => {
 .position-box {
   margin-bottom: 10px;
   padding: 10px;
-  box-shadow: 0 0 10px var(--common-bg-4);
+  box-shadow: 0 0 10px var(--common-shadow-4);
   border-radius: 5px;
 }
 
 .position-title {
-  color: var(--common-text);
+  color: var(--common-text-title);
   font-family: var(--font-title);
   font-size: 20px;
   display: flex;
@@ -167,15 +167,11 @@ onUnmounted(() => {
 }
 
 .position-card {
-  background: #45b787; /* 蛙绿 */
-  color: #eef7f2; /* 月白 */
+  background: var(--common-bg-1);
+  color: var(--common-bgt-1);
   border-radius: 5px;
 }
 
-.dark .position-card {
-  background: #1f2623; /* 苷蓝绿 */
-}
-
 .position-list {
   font-family: var(--font-title);
   background: inherit;

src/components/main/t-subline.vue

@@ -15,7 +15,7 @@ defineProps({
 </script>
 <style lang="css" scoped>
 .tsl-box {
-  background: var(--common-bg-2);
+  background: var(--common-shadow-2);
   display: flex;
   align-items: center;
   height: 30px;