Modify light theme

This commit is contained in:
Ethan Yoo 2024-05-08 20:50:54 -04:00
parent f83142cef9
commit c06f121cd7
Signed by: ethan
GPG Key ID: 70596474C5D20F85
1 changed files with 121 additions and 18 deletions

View File

@ -1,23 +1,126 @@
/* Body */ /* Body */
a{text-decoration:none;} a {
body{background:#10151a;color:#d3dae3;font:1em/1.5 sans-serif;margin:2em auto;max-width:50em;padding:0 2em;} text-decoration: none;
header a:link, footer a:link {color:#FFF;} }
a:link{color:#ace;}a:hover {background:#2b5278;text-decoration:underline dotted;border:1px solid;}a:visited{color:#FFF;} body {
main h1,h2{text-align:center;} background: #10151a;
h1{font-size:2.1em;}h2{font-size:1.8em;}h3{font-size:1.5em;} color: #d3dae3;
article, main {padding:4px 2px;} font: 1em/1.5 sans-serif;
blockquote{padding:0.5em 1.5em;background:#EEE;color:#000;border-radius:4px;} margin: 2em auto;
code{background:#000;font:1em/1.5 monospace, monospace;padding:2px} max-width: 50em;
img[src$='#center']{display:block;margin-left:auto;margin-right:auto;} padding: 0 2em;
}
footer a:link,
header a:link {
color: #FFF;
}
a:link {
color: #ace;
}
a:hover {
background: #2b5278;
text-decoration: underline dotted;
border: 1px solid;
}
a:visited {
color: #FFF;
}
h2,
main h1 {
text-align: center;
}
h1 {
font-size: 2.1em;
}
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.5em;
}
article,
main {
padding: 4px 2px;
}
blockquote {
padding: 0.5em 1.5em;
background: #EEE;
color: #000;
border-radius: 4px;
}
code {
background: #000;
font: 1em/1.5 monospace, monospace;
padding: 2px;
}
img[src$='#center'] {
display: block;
margin-left: auto;
margin-right: auto;
}
/* Light theme */ /* Light theme */
@media(prefers-color-scheme:light){body{background:#333;color:#FFF;}main a:link{color:#bdf;}main a:visited{color:#ccf;}} @media(prefers-color-scheme:light) {
body {
background: #f2f2f2;
color: #000;
}
footer a:link,
header a:link {
color: #000;
}
aside a:link {
color: #000;
}
a:hover {
background: #cae6ef;
text-decoration: underline dotted;
border: 1px solid;
}
main a:link {
color: #004962;
}
main a:visited {
color: #542baa;
}
}
/* Classes */ /* Classes */
.center{display:block;margin-left:auto;margin-right:auto;text-align:center;} .center {
.nextcloud{width:50px;height:30px;position:relative;top:8px;background-size:contain;display:inline-block;background-repeat:no-repeat;background-position:center center;} display: block;
.post-title{line-height:1.8;} margin-left: auto;
.subtitle{float:right;} margin-right: auto;
a.link-000{background:#000;border:none;} text-align: center;
a.link-001{padding:10px;background-color:#0082c9;color:#ffffff;border-radius:3px;padding-left:4px;} }
html{overflow-y:scroll;visibility:visible;opacity:1;} .nextcloud {
width: 50px;
height: 30px;
position: relative;
top: 8px;
background-size: contain;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
}
.post-title {
line-height: 1.8;
}
.subtitle {
float: right;
}
a.link-000 {
background: #000;
border: none;
}
a.link-001 {
padding: 10px;
background-color: #0082c9;
color: #ffffff;
border-radius: 3px;
padding-left: 4px;
}
html {
overflow-y: scroll;
visibility: visible;
opacity: 1;
}