From deb4e9290a0550486f16573484142a310e9973ad Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sat, 22 Jun 2024 13:03:57 +0800
Subject: [PATCH] Set custom properties for border colours

---
 themes/leilukin/stylesheets/all.css | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/themes/leilukin/stylesheets/all.css b/themes/leilukin/stylesheets/all.css
index 384488a..4571fcc 100644
--- a/themes/leilukin/stylesheets/all.css
+++ b/themes/leilukin/stylesheets/all.css
@@ -27,7 +27,8 @@
     --clr-sub-heading: #e8b86f;
     --clr-code-bg: #241445;
     --clr-highlight: #6736ad;
-    --clr-border-main: #c6ccc8;
+    --clr-bdr-main: #c6ccc8;
+    --clr-bdr-nav: #d2d9d4;
     --clr-link: #ED64F5;
     --clr-link-hover: #c355c9;
     --clr-tag: #208448;
@@ -258,7 +259,7 @@ ul.navigation {
     background-color: var(--clr-content-bg);
     margin: 0rem 0rem 2rem 0rem;
     padding: 0em;
-    border: 1px solid var(--clr-border-main);
+    border: 1px solid var(--clr-bdr-main);
     border-radius: 0.5rem;
     box-shadow: 0px 2px 4px 2px rgba(57,67,77,0.05);
 }
@@ -269,7 +270,7 @@ ul.navigation > li {
     margin: 0em;
     overflow: hidden;
     text-overflow: ellipsis;
-    border-bottom: 1px solid #d2d9d4;
+    border-bottom: 1px solid var(--clr-bdr-nav);
 }
 ul.navigation > li:last-child {
     border-bottom: none;
@@ -312,7 +313,7 @@ ol.comments > li {
     width: 100%;
     margin: 0em;
     padding: 2rem 2rem 0rem 2rem;
-    border-bottom: 1px solid var(--clr-border-main);
+    border-bottom: 1px solid var(--clr-bdr-main);
 }
 ol.comments > li:last-child {
     border-bottom: none;
@@ -329,7 +330,7 @@ div#main > details {
     background-color: var(--clr-content-bg);
     margin: 0rem 0rem 2rem 0rem;
     padding: 0em;
-    border: 1px solid var(--clr-border-main);
+    border: 1px solid var(--clr-bdr-main);
     border-radius: 0.5rem;
     box-shadow: 0px 2px 4px 2px rgba(57,67,77,0.05);
 }
@@ -343,7 +344,7 @@ div#main > details > article {
     display: block;
     padding: 2rem;
     margin: 0em;
-    border-top: 1px solid #d2d9d4;
+    border-top: 1px solid var(--clr-bdr-nav);
 }
 table {
     border-collapse: collapse;
@@ -403,7 +404,7 @@ select, input {
     font-size: inherit;
     color: var(--clr-body-txt);
     background-color: var(--clr-pinned-bg);
-    border: 1px solid var(--clr-border-main);
+    border: 1px solid var(--clr-bdr-main);
     border-radius: 0em;
 }
 html[dir="ltr"] select {
@@ -474,7 +475,7 @@ textarea {
     margin: 0.5em 0em;
     padding: 0.5em;
     background-color: var(--clr-white);
-    border: 1px solid var(--clr-border-main);
+    border: 1px solid var(--clr-bdr-main);
     border-radius: 0em;
     resize: vertical;
 }
@@ -562,7 +563,7 @@ div.metadata {
     padding: 0.25rem 2rem;
     margin-top: 2rem;
     background-color: var(--clr-content-bg);
-    border-top: 1px solid var(--clr-border-main);
+    border-top: 1px solid var(--clr-bdr-main);
     border-bottom-left-radius: 0.5rem;
     border-bottom-right-radius: 0.5rem;
 }
@@ -592,7 +593,7 @@ div#main > article, div.standalone {
     background-color: var(--clr-content-bg);
     margin: 0rem auto 2rem 0rem;
     padding: 2rem 2rem 0rem 2rem;
-    border: 1px solid var(--clr-border-main);
+    border: 1px solid var(--clr-bdr-main);
     border-radius: 0.5rem;
     box-shadow: 0px 2px 4px 2px rgba(57,67,77,0.05);
 }
@@ -622,7 +623,7 @@ ul.archive article.post.archive {
     font-size: 0.75em;
     background-color: var(--clr-pinned-bg);
     padding: 8px;
-    border: 1px solid var(--clr-border-main);
+    border: 1px solid var(--clr-bdr-main);
     border-radius: 0.5rem;
 }
 section.post_archive_container {