alvierahman90/styles.alv.cx
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

more dark mode stuff

Browse Source
This commit is contained in:
Akbar Rahman 2022-04-12 16:43:24 +01:00
parent 8b8ddd45dd
commit ddfde7ccd8
Signed by: alvierahman90
GPG Key ID: 20609519444A1269
1 changed files with 27 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
base.css
View File

@ -3,6 +3,10 @@
--bg-light-mode: #fefefe; --bg-light-mode: #fefefe;
--fg-dark-mode: #ccc; --fg-dark-mode: #ccc;
--bg-dark-mode: #111; --bg-dark-mode: #111;
--a-light-mode: #07a;
--a-visited-light-mode: #941352;
--a-dark-mode: #07a;
--a-visited-dark-mode: #aa346d;
} }
body { body {
@ -17,14 +21,8 @@ body {
background-color: var(--bg-light-mode); background-color: var(--bg-light-mode);
} }
@media (prefers-color-scheme: dark) { a { color: var(--a-light-mode); }
color: var(--fg-dark-mode); a:visited { color: var(--a-visited-light-mode); }
background-color: var(--bg-dark-mode);
}
a { color: #07a; }
a:visited { color: #941352; }
.tableWrapper { .tableWrapper {
max-width: 100%; max-width: 100%;
@ -104,3 +102,24 @@ kbd {
margin-left: 0.2em; margin-left: 0.2em;
margin-right: 0.2em; margin-right: 0.2em;
} }
@media (prefers-color-scheme: dark) {
body {
color: var(--fg-dark-mode);
background-color: var(--bg-dark-mode);
}
img, video {
opacity: .75;
transition: opacity .5s ease-in-out;
}
img:hover, video:hover {
opacity: 1;
}
a {
color: var(--a-dark-mode);
}
a:visited {
color: var(--a-visited-dark-mode);
}
}