Dark Mode für Bookmarks
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
yhtml { overflow-y:scroll; }
|
||||
html { overflow-y:scroll; background-color:white; }
|
||||
body { padding:4vw; margin:0; font-family:sans-serif; color:#333;
|
||||
position:relative; }
|
||||
a { color:inherit; text-decoration:none; -webkit-user-select:none;
|
||||
@@ -82,3 +82,19 @@ button:hover,
|
||||
.category:nth-of-type(4n+1) { clear:left; }
|
||||
}
|
||||
*/
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
html { background-color:#333; }
|
||||
body { color:#ccc; }
|
||||
button, .button { border-color:#ccc; color:#ccc; background-color:#333; }
|
||||
button:hover, .button:hover { color:#333; background-color:white;
|
||||
border-color:white; }
|
||||
#favlet { color:#aaa; }
|
||||
#slidein .inner { color:#ccc; }
|
||||
.category h1 { border-color:#ccc; }
|
||||
.category .badge { color:#aaa; border-color:#555; box-shadow:#666; }
|
||||
.edit:hover { color:#333; background-color:white; }
|
||||
.bookmark { border-color:#666; }
|
||||
.bookmark .editicon:hover { background-color:white; }
|
||||
.bookmark .link:hover { background-color:#444; }
|
||||
}
|
||||
Reference in New Issue
Block a user