primrose/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add dark mode to main_theme.css

Browse source
This commit is contained in:
Primrose 2023-07-06 11:42:52 -04:00
parent dd696feeaf
commit d912f676d4
1 changed files with 46 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
main_theme.css
View file

@ -44,3 +44,49 @@ a:active {
margin: 4px 2px;
cursor: pointer;
}
@media (prefers-color-scheme: dark) {
body {
background-image: radial-gradient(circle, #6600ff, #7920ff, #3333ff);
color: #ffffff;
text-align: center;
font-family: sans-serif;
}
.content {
margin: auto;
width: 60%;
background-color: rgba(0, 0, 0, 0.4);
border: 2px solid #ffffff;
border-radius: 15px;
padding: 20px 20px;
}
.button {
background-color: rgba(0, 0, 0, 0.4);
border-radius: 15px;
border: 2px solid #ffffff;
padding: 10px 10px;
text-decoration: none;
display: inline-block;
font-size: 15px;
margin: 4px 2px;
cursor: pointer;
}
a:link {
color: #ffffff;
}
a:visited {
color: #ffffff;
}
a:hover {
color: #ffffff;
}
a:active {
color: #ffffff;
}
}