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

Improved modapp

Browse Source
This commit is contained in:
Colby Lipsett
2024-10-11 19:36:58 +01:00
parent 79ed713a18
commit b8edf8a7f1
12 changed files with 378 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
static/css/styles.css
View File

@@ -5,12 +5,45 @@ body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
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 */
a {
color: #c08000;
text-decoration: none;
transition: color 0.3s;
}
a:visited, a:link, a:hover {
@@ -78,6 +111,7 @@ input.text, textarea, select {
padding: 5px;
border: 1px solid #c08000;
border-radius: 4px;
transition: background-color 0.3s, color 0.3s;
}
input.button {
@@ -86,6 +120,7 @@ input.button {
padding: 5px 10px;
border: none;
cursor: pointer;
transition: background-color 0.3s;
}
input.button:hover {
@@ -141,6 +176,7 @@ footer {
border: 1px solid #c08000;
margin: 0 5px;
border-radius: 4px;
transition: background-color 0.3s, color 0.3s;
}
#pagination a:hover {
@@ -167,3 +203,29 @@ footer {
.quote-id:hover {
text-decoration: underline;
}
/* Dark Mode Specific */
@media (prefers-color-scheme: dark) {
td.quote-box {
border-color: #ffa500;
}
footer {
background-color: #ffa500;
color: #121212;
}
#pagination a {
border-color: #ffa500;
color: #ffa500;
}
#pagination a:hover {
background-color: #333333;
color: #ffffff;
}
.quote-id {
color: #ffa500;
}
}