add dark mode

This commit is contained in:
xmcp
2019-08-22 23:15:58 +08:00
parent 480969519c
commit 29a921cf26
9 changed files with 152 additions and 8 deletions

View File

@@ -4,6 +4,10 @@ body {
background-color: #333;
}
body.root-dark-mode {
background-color: black;
}
html::-webkit-scrollbar {
display: none;
}
@@ -15,6 +19,10 @@ a {
color: #00c;
}
.root-dark-mode .left-container a, .root-dark-mode .sidebar a, .root-dark-mode .sidebar-title a {
color: #9bf;
}
input, textarea {
border-radius: 5px;
border: 1px solid black;
@@ -39,6 +47,10 @@ button, .button {
margin: 0 .5rem;
}
.root-dark-mode button, .root-dark-mode .button {
background-color: rgba(255,255,255,.6);
}
button:hover, .button:hover {
background-color: rgba(255,255,255,.7);
}
@@ -46,3 +58,7 @@ button:hover, .button:hover {
button:disabled, .button:disabled {
background-color: rgba(128,128,128,.5);
}
.root-dark-mode input:not([type=file]), .root-dark-mode textarea {
background-color: hsl(0,0%,80%);
}