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

Use CSS media block for dark theme 

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/en/assets/luca0n.css
View File

@ -144,6 +144,7 @@ p {
/**************/ /**************/
/* Dark theme */ /* Dark theme */
/**************/ /**************/
@media (prefers-color-scheme: dark) {
body { body {
background-color: #222; background-color: #222;
color: #ddd; color: #ddd;
@ -178,6 +179,7 @@ header a:visited {
color: black; color: black;
background: linear-gradient(to top, rgb(238, 112, 0), rgb(255, 178, 30)); background: linear-gradient(to top, rgb(238, 112, 0), rgb(255, 178, 30));
} }
}
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
#menu-default { #menu-default {