update

src/components/Card.astro

@@ -28,7 +28,7 @@ const { pic, desc, date } = post.frontmatter;
     <div class="text-grey-darker text-sm text-600">{date}</div>
   </div>
   <p
-    class="text-600 text-sm md:w-78 w-94 overflow-hidden pt-2.5 line-clamp-2 px-3 w-full h-12"
+    class="card-desc text-sm md:w-78 w-94 overflow-hidden pt-2.5 line-clamp-2 px-3 w-full h-12"
   >
     {desc}
   </p>

src/styles/index.css

@@ -257,9 +257,10 @@ blockquote {
   margin: 2rem 0;
   padding: 1.25em 1.5rem;
   border-left: 3px solid var(--theme-text-light);
-  background-color: var(--theme-bg-offset);
+  /* background-color: var(--theme-bg-offset); */
   border-radius: 0 0.25rem 0.25rem 0;
   line-height: 1.7;
+  font-style: italic;
 }
 
 img {
@@ -413,4 +414,8 @@ h2.heading {
   margin-bottom: 1rem;
   font-weight: 700;
   line-height: 1;
+}
+
+.card-desc{
+  color: var(--theme-text-light-gray);
 }

src/styles/theme.css

@@ -46,6 +46,7 @@
   --theme-divider: hsla(var(--color-gray-95), 1);
   --theme-text: hsla(var(--color-gray-10), 1);
   --theme-text-light: #333;
+  --theme-text-light-gray: #666;
   /* @@@: not used anywhere */
   --theme-text-lighter: hsla(var(--color-gray-80), 1);
   --theme-bg: hsla(var(--color-base-white), 100%, 1);
@@ -66,7 +67,9 @@
   color-scheme: dark;
   --theme-accent: #e8a15a;
   --theme-text: #e7e9ea;
+
   --theme-text-light: var(--theme-text);
+  --theme-text-light-gray: #ccc;
   --theme-divider: #555;
   --theme-bg: #21262b;
   --placeholder-gradient-start: #2c3e50;