Improve dark theme
This commit is contained in:
parent
10d98763bc
commit
b35379b379
2 changed files with 27 additions and 6 deletions
|
@ -15,6 +15,7 @@ body {
|
|||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
color: #fff;
|
||||
background-color: #2c2c2c;
|
||||
}
|
||||
}
|
||||
|
@ -140,7 +141,7 @@ figure {
|
|||
@media (prefers-color-scheme: dark) {
|
||||
.wishlist .ui.card > .image > img.preview {
|
||||
filter: brightness(80%);
|
||||
background-color: #000;
|
||||
background-color: #111;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -54,7 +54,7 @@
|
|||
.ui.basic.active.button,
|
||||
.ui.basic.buttons .active.button {
|
||||
background-color: rgba(255, 255, 255, .08);
|
||||
color: #000 !important;
|
||||
color: #111 !important;
|
||||
box-shadow: 0 0 0 2px rgba(255, 255, 255, .7) inset;
|
||||
}
|
||||
|
||||
|
@ -103,7 +103,7 @@
|
|||
|
||||
/** Buttons */
|
||||
.wishlist .ui.card > .extra.buttons {
|
||||
background-color: #000 !important;
|
||||
background-color: #111 !important;
|
||||
}
|
||||
|
||||
/**
|
||||
|
@ -123,7 +123,7 @@
|
|||
* Dimmer
|
||||
*/
|
||||
.ui.dimmer {
|
||||
background-color: rgba(255, 255, 255, .85);
|
||||
background-color: rgba(98, 98, 98, 0.85);
|
||||
}
|
||||
|
||||
/**
|
||||
|
@ -283,6 +283,14 @@
|
|||
border-color: #e0b4b4;
|
||||
}
|
||||
|
||||
/** Loading */
|
||||
.ui.loading.form::before {
|
||||
background-color: rgba(27, 28, 29, 0.85);
|
||||
}
|
||||
.ui.loading.form {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/**
|
||||
* Header
|
||||
*/
|
||||
|
@ -351,16 +359,28 @@
|
|||
border: none !important;
|
||||
}
|
||||
|
||||
/**
|
||||
* Message
|
||||
*/
|
||||
.ui.message {
|
||||
background-color: #1b1c1d !important;
|
||||
color: rgba(255, 255, 255, .9);
|
||||
}
|
||||
.ui.error.message,
|
||||
.ui.error.message .header {
|
||||
color: #ecd1d1;
|
||||
}
|
||||
|
||||
/**
|
||||
* Modal
|
||||
*/
|
||||
.ui.modal {
|
||||
background-color: #000 !important;
|
||||
background-color: #111 !important;
|
||||
}
|
||||
|
||||
.ui.modal > .content,
|
||||
.ui.modal > .header {
|
||||
background-color: #000;
|
||||
background-color: #111;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue