actix/actix-website
1
0
Fork 0
mirror of https://github.com/actix/actix-website synced 2024-11-27 10:02:57 +01:00
Code Issues Releases Wiki Activity

please preserve my eyesight and add a dark mode (#244)

Browse Source
This commit is contained in:
Paul Hennig 2021-12-05 20:53:36 +01:00 committed by GitHub
parent c66502c548
commit b0cf4ffae6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 68 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
static/css/actix.css
View File

@ -689,3 +689,71 @@ h5:hover a {
margin-right: auto;
margin-top: 1rem;
}
@media (prefers-color-scheme: dark) {
html body {
background: #111;
color:white;
}
div.actix-showcase {
background-color: #333;
}
a.nav-link,li.active * {
color:cornflowerblue !important;
}
a:hover{
color: cornflowerblue;
opacity: 0.8;
}
pre,p code {
background: #222;
color:white;
}
a.navbar-brand img {
filter:invert(1) brightness(2)
}
li.active {
background: #222 !important;
}
/*
you can strip out these by just choosing another code theme that is dark mode compatible
*/
span.s {
color: green !important;
}
span.k,span.kd {
color:violet !important;
}
span.sd,span.cp {
color: #888 !important;
}
span.kt,span.mi {
color:red !important;
}
span.nf{
color:dodgerblue !important;
}
span.nc,span.nb {
color:gold !important;
}
}