Add dark mode for skin editor.
This commit is contained in:
@@ -13,7 +13,6 @@ body {
|
||||
#toolbar {
|
||||
height: 32px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.tgbtn {
|
||||
@@ -192,17 +191,19 @@ input {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.t-internal {
|
||||
background-color: lightgray;
|
||||
}
|
||||
|
||||
/* Debug Mode */
|
||||
.mode-debug .t-internal {
|
||||
display: block;
|
||||
background-color: lightgray;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
/* Sort Mode */
|
||||
.mode-sort .t-internal {
|
||||
display: block;
|
||||
background-color: lightgray;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@@ -251,3 +252,36 @@ input {
|
||||
margin: 0;
|
||||
border: solid 1px green;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
.t-list {
|
||||
background-color: darkslategray;
|
||||
}
|
||||
.t-li:hover {
|
||||
background-color: darkblue;
|
||||
}
|
||||
input {
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
.tgbtn-active {
|
||||
background-color: darkslateblue;
|
||||
}
|
||||
.tgbtn:hover {
|
||||
background-color: gray;
|
||||
}
|
||||
.t-internal {
|
||||
background-color: dimgray;
|
||||
}
|
||||
.mode-sort.state-grabbing .t-grabbing {
|
||||
background-color: green;
|
||||
border-left-color: lightgreen;
|
||||
}
|
||||
.grab-ptr {
|
||||
border: solid 1px lightgreen;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user