mirrors
/
snowcake-website
mirror of https://git.snowcake.me/primrose/snowcake-website.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add dark mode to main_theme.css

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; margin: 4px 2px;
cursor: pointer; 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;
}
}