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

Set custom properties for border colours

This commit is contained in:
Helen Chong 2024-06-22 13:03:57 +08:00
parent 885b9adc0b
commit deb4e9290a
1 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -27,7 +27,8 @@
--clr-sub-heading: #e8b86f; --clr-sub-heading: #e8b86f;
--clr-code-bg: #241445; --clr-code-bg: #241445;
--clr-highlight: #6736ad; --clr-highlight: #6736ad;
--clr-border-main: #c6ccc8; --clr-bdr-main: #c6ccc8;
--clr-bdr-nav: #d2d9d4;
--clr-link: #ED64F5; --clr-link: #ED64F5;
--clr-link-hover: #c355c9; --clr-link-hover: #c355c9;
--clr-tag: #208448; --clr-tag: #208448;
@ -258,7 +259,7 @@ ul.navigation {
background-color: var(--clr-content-bg); background-color: var(--clr-content-bg);
margin: 0rem 0rem 2rem 0rem; margin: 0rem 0rem 2rem 0rem;
padding: 0em; padding: 0em;
border: 1px solid var(--clr-border-main); border: 1px solid var(--clr-bdr-main);
border-radius: 0.5rem; border-radius: 0.5rem;
box-shadow: 0px 2px 4px 2px rgba(57,67,77,0.05); box-shadow: 0px 2px 4px 2px rgba(57,67,77,0.05);
} }
@ -269,7 +270,7 @@ ul.navigation > li {
margin: 0em; margin: 0em;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
border-bottom: 1px solid #d2d9d4; border-bottom: 1px solid var(--clr-bdr-nav);
} }
ul.navigation > li:last-child { ul.navigation > li:last-child {
border-bottom: none; border-bottom: none;
@ -312,7 +313,7 @@ ol.comments > li {
width: 100%; width: 100%;
margin: 0em; margin: 0em;
padding: 2rem 2rem 0rem 2rem; padding: 2rem 2rem 0rem 2rem;
border-bottom: 1px solid var(--clr-border-main); border-bottom: 1px solid var(--clr-bdr-main);
} }
ol.comments > li:last-child { ol.comments > li:last-child {
border-bottom: none; border-bottom: none;
@ -329,7 +330,7 @@ div#main > details {
background-color: var(--clr-content-bg); background-color: var(--clr-content-bg);
margin: 0rem 0rem 2rem 0rem; margin: 0rem 0rem 2rem 0rem;
padding: 0em; padding: 0em;
border: 1px solid var(--clr-border-main); border: 1px solid var(--clr-bdr-main);
border-radius: 0.5rem; border-radius: 0.5rem;
box-shadow: 0px 2px 4px 2px rgba(57,67,77,0.05); box-shadow: 0px 2px 4px 2px rgba(57,67,77,0.05);
} }
@ -343,7 +344,7 @@ div#main > details > article {
display: block; display: block;
padding: 2rem; padding: 2rem;
margin: 0em; margin: 0em;
border-top: 1px solid #d2d9d4; border-top: 1px solid var(--clr-bdr-nav);
} }
table { table {
border-collapse: collapse; border-collapse: collapse;
@ -403,7 +404,7 @@ select, input {
font-size: inherit; font-size: inherit;
color: var(--clr-body-txt); color: var(--clr-body-txt);
background-color: var(--clr-pinned-bg); background-color: var(--clr-pinned-bg);
border: 1px solid var(--clr-border-main); border: 1px solid var(--clr-bdr-main);
border-radius: 0em; border-radius: 0em;
} }
html[dir="ltr"] select { html[dir="ltr"] select {
@ -474,7 +475,7 @@ textarea {
margin: 0.5em 0em; margin: 0.5em 0em;
padding: 0.5em; padding: 0.5em;
background-color: var(--clr-white); background-color: var(--clr-white);
border: 1px solid var(--clr-border-main); border: 1px solid var(--clr-bdr-main);
border-radius: 0em; border-radius: 0em;
resize: vertical; resize: vertical;
} }
@ -562,7 +563,7 @@ div.metadata {
padding: 0.25rem 2rem; padding: 0.25rem 2rem;
margin-top: 2rem; margin-top: 2rem;
background-color: var(--clr-content-bg); background-color: var(--clr-content-bg);
border-top: 1px solid var(--clr-border-main); border-top: 1px solid var(--clr-bdr-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,7 +593,7 @@ div#main > article, div.standalone {
background-color: var(--clr-content-bg); background-color: var(--clr-content-bg);
margin: 0rem auto 2rem 0rem; margin: 0rem auto 2rem 0rem;
padding: 2rem 2rem 0rem 2rem; padding: 2rem 2rem 0rem 2rem;
border: 1px solid var(--clr-border-main); border: 1px solid var(--clr-bdr-main);
border-radius: 0.5rem; border-radius: 0.5rem;
box-shadow: 0px 2px 4px 2px rgba(57,67,77,0.05); box-shadow: 0px 2px 4px 2px rgba(57,67,77,0.05);
} }
@ -622,7 +623,7 @@ ul.archive article.post.archive {
font-size: 0.75em; font-size: 0.75em;
background-color: var(--clr-pinned-bg); background-color: var(--clr-pinned-bg);
padding: 8px; padding: 8px;
border: 1px solid var(--clr-border-main); border: 1px solid var(--clr-bdr-main);
border-radius: 0.5rem; border-radius: 0.5rem;
} }
section.post_archive_container { section.post_archive_container {