luca0N/luca0N-website
1
1
Fork 0
Code Issues 2 Pull requests Projects Releases 6 Packages Wiki Activity

Use CSS media block for dark theme

Browse source 
Moved CSS dark theme rules into a media dark theme to automatically use
it if the user device is configured to prioritize dark themes.
This commit is contained in:
luca0N! 2022-06-08 15:57:01 -03:00
parent 5e40e44cc8
commit ba5dba9664
Signed by: luca0N
GPG key ID: 2E7B4655CF16D7D6
1 changed files with 32 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

62
src/en/assets/luca0n.css
View file

@ -144,39 +144,41 @@ p {
/**************/
/* Dark theme */
/**************/
body {
background-color: #222;
color: #ddd;
}
footer {
color: #bbb;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #222;
color: #ddd;
}
footer {
color: #bbb;
}
main a {
color: #1ca6c6;
transition: color 0.08s linear 0s;
}
main a:visited {
color: #c658e6;
}
main a:hover {
color: #63cae1;
}
header a {
color: #0d2f95;
transition: color 0.08s linear 0s;
}
header a:visited {
color: #650a73;
}
main a {
color: #1ca6c6;
transition: color 0.08s linear 0s;
}
main a:visited {
color: #c658e6;
}
main a:hover {
color: #63cae1;
}
header a {
color: #0d2f95;
transition: color 0.08s linear 0s;
}
header a:visited {
color: #650a73;
}
.button:hover {
background-color: rgb(225, 178, 117);
}
.button:hover {
background-color: rgb(225, 178, 117);
}
.contentWarning {
color: black;
background: linear-gradient(to top, rgb(238, 112, 0), rgb(255, 178, 30));
.contentWarning {
color: black;
background: linear-gradient(to top, rgb(238, 112, 0), rgb(255, 178, 30));
}
}
@media screen and (max-width: 768px) {