Remove light theme (dark only)

This commit is contained in:
BBaoVanC 2021-09-26 19:17:09 -05:00
parent 49622c0bb7
commit 0909e8ce8d
Signed by: bbaovanc
GPG Key ID: 18089E4E3CCF1D3A

View File

@ -11,24 +11,25 @@
} }
body { body {
background-color: black;
font-family: sans-serif; font-family: sans-serif;
margin: 0; margin: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
a { a {
color: blue; color: #4da6ff;
} }
blockquote { blockquote {
border-left: 5px solid #ccc; border-left: 5px solid #222;
padding-left: 10px; padding-left: 10px;
} }
.header { .header {
padding: 10px; padding: 10px;
text-align: center; text-align: center;
background: #4FA2F5; background: #1a406b;
color: white; color: lightgray;
} }
.header h1 { .header h1 {
font-size: 40px; font-size: 40px;
@ -36,22 +37,19 @@ blockquote {
.navbar { .navbar {
overflow: hidden; overflow: hidden;
background-color: #999; background-color: #222;
} }
.navbar a { .navbar a {
float: left; float: left;
display: block; display: block;
color: white; color: lightgray;
text-align: center; text-align: center;
padding: 14px 20px; padding: 14px 20px;
text-decoration: none; text-decoration: none;
} }
/* .navbar a.right {
float: right;
} */
.navbar a:hover { .navbar a:hover {
background-color: #ddd; background-color: #444;
color: black; color: white;
} }
* { * {
@ -64,12 +62,14 @@ blockquote {
} }
.side { .side {
width: 20%; width: 20%;
background-color: lightgray; background-color: #111;
color: lightgray;
padding: 20px; padding: 20px;
} }
.main { .main {
width: 80%; width: 80%;
background-color: white; background-color: black;
color: lightgray;
padding: 20px; padding: 20px;
} }
.footer { .footer {
@ -77,42 +77,3 @@ blockquote {
text-align: center; text-align: center;
background: #ddd; background: #ddd;
} }
@media (prefers-color-scheme: dark) {
body {
background-color: black;
}
a {
color: #4da6ff;
}
blockquote {
border-left: 5px solid #222;
}
.header {
background: #1A406B;
color: lightgray;
}
.navbar {
background-color: #222;
}
.navbar a {
color: lightgray;
}
.navbar a:hover {
background-color: #444;
color: white;
}
.side {
background-color: #111;
color: lightgray;
}
.main {
background-color: black;
color: lightgray;
}
.footer {
background: #222;
color: lightgray;
}
max-width: 650px;
}