luisgulo/calibre-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Create dark-reader.css

Browse source
This commit is contained in:
leram84 2019-01-18 16:43:36 -05:00 committed by GitHub
parent df8806e182
commit a69e43922a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 42 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
cps/static/css/dark-reader.css Normal file
View file

@ -0,0 +1,42 @@
:root {
--color-background: #474747;
--color-title: #fff;
--color-active: #ccc;
--color-hover: #999;
--color-button: #666;
--color-divider: #fff;
--color-shadow: hsla(0,0%,100%,.45);
--color-text: #eee;
}
#main {
background: var(--color-background);
}
#titlebar {
color: var(--color-title);
}
#titlebar a:hover {
border: 1px var(--color-hover) solid;
}
#titlebar a:active {
color: var(--color-active);
-moz-box-shadow: inset 0 0 6px var(--color-divider);
-webkit-box-shadow: inset 0 0 6px var(--color-divider);
-ms-box-shadow: inset 0 0 6px var(--color-divider);
box-shadow: inset 0 0 6px var(--color-divider);
}
#divider {
border-right: 1px var(--color-divider) solid;
box-shadow: -2px 0 15px var(--color-shadow);
}
.arrow {
color: var(--color-button);
}
.arrow:hover {
color: var(--color-hover);
}
.arrow:active {
color: var(--color-active);
}
[class^="calibre"] {
color: var(--color-text)
}