Improve dark theme
This commit is contained in:
parent
d24450500d
commit
d74234e2df
2 changed files with 16 additions and 1 deletions
|
@ -147,6 +147,11 @@ figure {
|
|||
box-sizing: content-box;
|
||||
z-index: 1;
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.wishlist .ui.card > .image > img.favicon {
|
||||
filter: brightness(80%);
|
||||
}
|
||||
}
|
||||
|
||||
.wishlist .ui.card > .image > img.favicon + span.provider {
|
||||
padding-left: 3em;
|
||||
|
@ -668,7 +673,7 @@ body,
|
|||
box-shadow: 0 0 0 0 rgba(221, 219, 217, 0.35) inset;
|
||||
}
|
||||
|
||||
/** Form **/
|
||||
/** Form */
|
||||
.ui.form ::placeholder {
|
||||
color: rgba(64, 64, 64, 0.87);
|
||||
}
|
||||
|
@ -677,6 +682,12 @@ body,
|
|||
color: rgba(255, 255, 255, 0.87);
|
||||
background-color: rgba(155, 155, 155, 0.4);
|
||||
}
|
||||
.ui.loading.form::before {
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
.ui.form .grouped.fields > label {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
.ui.form .field > label {
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
}
|
||||
|
@ -712,6 +723,9 @@ body,
|
|||
.ui.cards > .card > .extra {
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
.ui.loading.card::before {
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
/** Label */
|
||||
.ui.teal.labels .label,
|
||||
|
|
|
@ -39,6 +39,7 @@ $page->navigation();
|
|||
<h3 class="ui header"><?= __('Added') ?></h3>
|
||||
<ul>
|
||||
<li><?= __('Blog') ?></li>
|
||||
<li><?= __('Dark theme') ?></li>
|
||||
</ul>
|
||||
|
||||
<h3 class="ui header"><?= __('Improved') ?></h3>
|
||||
|
|
Loading…
Reference in a new issue