forked from newthuhole/hole_thu_frontend
add dark mode
This commit is contained in:
@@ -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%);
|
||||
}
|
||||
Reference in New Issue
Block a user