From 85225b18ae1db369425c8ec0149ae659bb682b33 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sat, 22 Jun 2024 01:56:47 +0800
Subject: [PATCH] Make tumbleblog style match main site

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

diff --git a/themes/leilukin/stylesheets/all.css b/themes/leilukin/stylesheets/all.css
index 1a97d1b..e92a908 100644
--- a/themes/leilukin/stylesheets/all.css
+++ b/themes/leilukin/stylesheets/all.css
@@ -20,14 +20,14 @@
     src: url('../../../fonts/lexend-v19-latin-700.woff2') format('woff2');
 }
 :root {
-    --clr-body-bg: #f7f5ed;
-    --clr-body-txt: #1f1f23;
-    --clr-content-bg: #fbfbf7;
-    --clr-pinned-bg: #fffddd;
-    --clr-code-bg: #e5e2dc;
-    --clr-highlight: #ffdd00;
+    --clr-body-bg: #08031A;
+    --clr-body-txt: #fceaff;
+    --clr-content-bg: #3d2163;
+    --clr-pinned-bg: #301a4f;
+    --clr-code-bg: #241445;
+    --clr-highlight: #572c93;
     --clr-border-main: #c6ccc8;
-    --clr-link-hover: #d94c7b;
+    --clr-link-hover: #ED64F5;
     --clr-tag: #208448;
     --clr-tag-hover: #006428;
     --clr-edit-btn: #39434d;
@@ -251,11 +251,6 @@ ul.navigation {
     padding: 0em;
     border: 1px solid var(--clr-border-main);
     border-radius: 0.5rem;
-    background-image: linear-gradient(
-        to bottom,
-        var(--clr-white) 0em,
-        var(--clr-content-bg) 10em
-    );
     box-shadow: 0px 2px 4px 2px rgba(57,67,77,0.05);
 }
 ul.navigation > li {
@@ -396,7 +391,7 @@ select, input {
     font: inherit;
     font-size: inherit;
     color: var(--clr-body-txt);
-    background-color: var(--clr-white);
+    background-color: var(--clr-content-bg);
     border: 1px solid var(--clr-border-main);
     border-radius: 0em;
 }
@@ -439,9 +434,8 @@ input[type="radio"]:checked {
     background-repeat: no-repeat;
 }
 select:focus, input:focus {
-    background-color: var(--clr-white);
     border: 1px solid var(--clr-link-hover);
-    outline: var(--clr-link-hover) solid 1px;
+    outline: var(--clr-link-hover) solid 0.1em;
     outline-offset: 0px;
 }
 input::placeholder {
@@ -475,7 +469,7 @@ textarea {
 }
 textarea:focus {
     border: 1px solid var(--clr-link-hover);
-    outline: var(--clr-link-hover) solid 1px;
+    outline: var(--clr-link-hover) solid 0.1em;
     outline-offset: 0px;
 }
 button {
@@ -502,9 +496,6 @@ button#sidebar_search_submit {
     overflow: hidden;
     color: transparent;
 }
-button#sidebar_search_submit:focus {
-    background-color: var(--clr-border-main);
-}
 button#sidebar_search_submit:hover {
     background-size: 60%;
 }
@@ -559,7 +550,7 @@ div.metadata {
     width: 100%;
     padding: 0.25rem 2rem;
     margin-top: 2rem;
-    background-color: var(--clr-white);
+    background-color: var(--clr-content-bg);
     border-top: 1px solid var(--clr-border-main);
     border-bottom-left-radius: 0.5rem;
     border-bottom-right-radius: 0.5rem;
@@ -592,11 +583,6 @@ div#main > article, div.standalone {
     padding: 2rem 2rem 0rem 2rem;
     border: 1px solid var(--clr-border-main);
     border-radius: 0.5rem;
-    background-image: linear-gradient(
-        to bottom,
-        var(--clr-white) 0em,
-        var(--clr-content-bg) 10em
-    );
     box-shadow: 0px 2px 4px 2px rgba(57,67,77,0.05);
 }
 div#main > article.discourse,