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

View File

@ -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,