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,