adjust some styles

lcpu-club · Dec 27, 2024 · 1197f7f · 1197f7f
1 parent 90fa96c
commit 1197f7f
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 6 deletions.
diff --git a/src/assets/base.css b/src/assets/base.css
@@ -147,7 +147,7 @@ img {
 }
 
 .expander {
-  --at-apply: 'text-gray-800 bg-gray-200/30 dark:bg-gray-500/20 dark:text-gray-100 ';
+  --at-apply: 'text-gray-800 bg-gray-200/30 dark:bg-truegray-500/20 dark:text-truegray-100 ';
 }
 
 @media (prefers-color-scheme: dark) {
@@ -187,3 +187,10 @@ h5:hover .header-anchor,
 h6:hover .header-anchor {
   opacity: 1;
 }
+
+blockquote {
+  margin: 16px 0;
+  padding-left: 16px;
+  transition: border-color 0.5s;
+  --at-apply: 'color-gray-500 border-l-2 border-l-solid border-gray-200 dark:border-dark-100 dark:color-truegray-400';
+}
diff --git a/src/components/PageListEntry.vue b/src/components/PageListEntry.vue
@@ -10,7 +10,7 @@ defineProps<{
 <template>
   <div border-t="1 gray-200 dark:dark-100 solid" class="news-list-entry" p-y-4 box-border>
     <h3 m-0>{{ pageEntry.title }}</h3>
-    <div flex="~ items-center gap-1" m-t-1 text-gray-500 dark:text-gray-300>
+    <div flex="~ items-center gap-1" m-t-1 text-gray-500 dark:text-truegray-400>
       <span>{{ dateString(pageEntry.time) }}</span>
       <span flex="~ gap-1" v-for="key in Object.keys(pageEntry.data)" :key="key">
         <span>·</span>

diff --git a/src/components/SidebarComponent.vue b/src/components/SidebarComponent.vue
@@ -95,7 +95,7 @@ defineExpose({ toggleSidebar })
             border-t-solid
             p-y-3
           >
-            <span text-xs text-gray-500 dark:text-light-900
+            <span text-xs text-gray-500 dark:text-truegray-400
               >{{ pageGroup.year }} 年 {{ pageGroup.month }} 月
             </span>
             <a
@@ -104,7 +104,7 @@ defineExpose({ toggleSidebar })
               :href="page.contentUrl"
               text-wrap
               :key="page.title"
-              class="text-gray-500! dark:text-light-900! hover:text-gray-800! dark:hover:text-light-400! decoration-none"
+              class="text-gray-500! dark:text-truegray-400! hover:text-gray-800! dark:hover:text-white! decoration-none"
               :class="{
                 'text-gray-800! dark:text-white! font-medium': currentTitle === page.title,
               }"

diff --git a/src/views/LoadingView.vue b/src/views/LoadingView.vue
@@ -50,7 +50,7 @@ onUnmounted(() => {
         <div rounded-full class="bg-white dark:bg-[#121212]" w-10 h-10 left-1 top-1 absolute></div>
       </div>
       <h3 m-b-2>页面加载中</h3>
-      <div flex="~ col items-center gap-1" text-center text-gray-500 dark:text-gray-300>
+      <div flex="~ col items-center gap-1" text-center text-gray-500 dark:text-truegray-400>
         <Transition mode="out-in">
           <span :key="tip" whitespace-pre text-wrap>{{ tip }}</span>
         </Transition>

diff --git a/src/views/PageView.vue b/src/views/PageView.vue
@@ -169,7 +169,7 @@ function getPageCategory(pathname: string): string {
       />
       <div v-if="currentPage" m-b-8 max-w-800px m-x-auto m-t-4 lg:m-t-0>
         <h1 m-0>{{ currentPage.title }}</h1>
-        <div flex="~ items-center gap-1" m-t-2 text-gray-500 dark:text-gray-300>
+        <div flex="~ items-center gap-1" m-t-2 text-gray-500 dark:text-truegray-400>
           <span v-if="!isCurrentIndexPage">{{ dateString(currentPage.time) }}</span>
           <span v-else>{{ currentPage.time }}</span>
           <span flex="~ gap-1" v-for="key in Object.keys(currentPage.data)" :key="key">