Darken background color of input and cards

This commit is contained in:
Helen Chong 2024-06-22 02:43:30 +08:00
parent 0354273a1b
commit f08b75c405
1 changed files with 3 additions and 13 deletions

View File

@ -23,7 +23,7 @@
--clr-body-bg: #08031A; --clr-body-bg: #08031A;
--clr-body-txt: #fceaff; --clr-body-txt: #fceaff;
--clr-content-bg: #3d2163; --clr-content-bg: #3d2163;
--clr-pinned-bg: #301a4f; --clr-pinned-bg: #13092D;
--clr-code-bg: #241445; --clr-code-bg: #241445;
--clr-highlight: #572c93; --clr-highlight: #572c93;
--clr-border-main: #c6ccc8; --clr-border-main: #c6ccc8;
@ -316,11 +316,6 @@ div#main > details {
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);
} }
div#main > details > summary { div#main > details > summary {
@ -392,7 +387,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-content-bg); background-color: var(--clr-pinned-bg);
border: 1px solid var(--clr-border-main); border: 1px solid var(--clr-border-main);
border-radius: 0em; border-radius: 0em;
} }
@ -610,15 +605,10 @@ ul.archive article.post.archive {
position: relative; position: relative;
height: 196px; height: 196px;
font-size: 0.75em; font-size: 0.75em;
background-color: var(--clr-content-bg); background-color: var(--clr-pinned-bg);
padding: 8px; padding: 8px;
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
);
} }
section.post_archive_container { section.post_archive_container {
height: 100%; height: 100%;