Merge pull request #93 from shandianchengzi/master

posts: 增加一条浅色的分隔线。
hust-open-atom-club · Jul 11, 2024 · 6573d09 · 6573d09
2 parents 8881345 + 8491035
commit 6573d09
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 0 deletions.
diff --git a/pages/src/components/Card.tsx b/pages/src/components/Card.tsx
@@ -103,6 +103,7 @@ export default function Card({ id, href, frontmatter, secHeading = true, body, p
 
         </div>
       }
+    <hr className="my-4 border-skin-lightline" />
     </li>
   );
 }

diff --git a/pages/src/styles/base.css b/pages/src/styles/base.css
@@ -11,6 +11,7 @@
     --color-card: 230, 230, 230;
     --color-card-muted: 205, 205, 205;
     --color-border: 236, 233, 233;
+    --color-border-light: 236, 233, 233;
   }
   html[data-theme="dark"] {
     --color-fill: 33, 39, 55;
@@ -19,6 +20,7 @@
     --color-card: 52, 63, 96;
     --color-card-muted: 138, 51, 2;
     --color-border: 171, 75, 8;
+    --color-border-light: 63, 61, 60;
   }
   #sun-svg,
   html[data-theme="dark"] #moon-svg {

diff --git a/pages/tailwind.config.cjs b/pages/tailwind.config.cjs
@@ -42,6 +42,7 @@ module.exports = {
       borderColor: {
         skin: {
           line: withOpacity("--color-border"),
+          lightline: withOpacity("--color-border-light"),
           fill: withOpacity("--color-text-base"),
           accent: withOpacity("--color-accent"),
         },