computertech/ircquotes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added auto theme light/dark

Browse Source
This commit is contained in:
Colby Lipsett
2024-10-13 21:28:19 +01:00
committed by GitHub
parent 35c90e0210
commit bfb6895338
1 changed files with 36 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
static/css/styles.css
View File

@@ -8,37 +8,6 @@ body {
transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s;
} }
/* Dark Mode */
@media (prefers-color-scheme: dark) {
body {
background-color: #121212;
color: #ffffff;
}
a {
color: #ffa500;
}
table, td, input.text, textarea, select {
background-color: #1e1e1e;
color: #ffffff;
border-color: #ffa500;
}
input.button {
background-color: #ffa500;
color: #000000;
}
input.button:hover {
background-color: #ff8c00;
}
.footertext, .toplinks, h2 {
color: #ffa500;
}
}
/* Links */ /* Links */
a { a {
color: #c08000; color: #c08000;
@@ -77,7 +46,7 @@ h2 {
.smalltext { .smalltext {
font-size: 10px; font-size: 10px;
background-color: #f0f0f0; background-color: #f0f0f0;
color: #000000; color: #ffffff;
} }
.bodytext { .bodytext {
@@ -204,8 +173,42 @@ footer {
text-decoration: underline; text-decoration: underline;
} }
/* Dark Mode Specific */ /* Dark Mode */
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
body {
background-color: #121212;
color: #ffffff;
}
a {
color: #ffa500;
}
.bodytext {
line-height: 21px;
font-size: smaller;
color: #ffffff;
}
table, td, input.text, textarea, select {
background-color: #01002c11;
color: #ffffff;
border-color: #ffa500;
}
input.button {
background-color: #ffa500;
color: #00000000;
}
input.button:hover {
background-color: #ff8c00;
}
.footertext, .toplinks, h2 {
color: #ffa500;
}
td.quote-box { td.quote-box {
border-color: #ffa500; border-color: #ffa500;
} }