Add automatic dark/light theme switching based on os
This commit is contained in:
parent
8035db5c05
commit
79d0488087
16 changed files with 28 additions and 72 deletions
|
@ -11,7 +11,7 @@
|
|||
padding: 12px 15px;
|
||||
border: 1px solid $light-table-color;
|
||||
|
||||
.dark-theme & {
|
||||
@media (prefers-color-scheme: dark) {
|
||||
border: 1px solid $dark-table-color;
|
||||
}
|
||||
}
|
||||
|
@ -22,7 +22,7 @@
|
|||
color: $light-color;
|
||||
text-align: left;
|
||||
|
||||
.dark-theme & {
|
||||
@media (prefers-color-scheme: dark) {
|
||||
background-color: $dark-table-color;
|
||||
color: $dark-color;
|
||||
}
|
||||
|
@ -32,7 +32,8 @@
|
|||
tbody {
|
||||
tr {
|
||||
border: 1px solid $light-table-color;
|
||||
.dark-theme & {
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
border: 1px solid $dark-table-color;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue