Leilukin
/
leilukin-tumbleblog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make tumbleblog style match main site

This commit is contained in:
Helen Chong 2024-06-22 01:56:47 +08:00
parent ef2e09fd9a
commit 85225b18ae
1 changed files with 11 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
themes/leilukin/stylesheets/all.css
View File

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