Reduced dynamic fade in dark mode

For #3203
This commit is contained in:
Dan Brown 2022-03-01 22:29:31 +00:00
parent 5947f59a04
commit fb16ac326f
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
3 changed files with 8 additions and 11 deletions

View File

@ -238,13 +238,13 @@
} }
.fade-in-when-active { .fade-in-when-active {
opacity: 0.6; @include lightDark(opacity, 0.6, 0.7);
transition: opacity ease-in-out 120ms; transition: opacity ease-in-out 120ms;
&:hover, &:focus-within { &:hover, &:focus-within {
opacity: 1; opacity: 1 !important;
} }
@media (prefers-contrast: more) { @media (prefers-contrast: more) {
opacity: 1; opacity: 1 !important;
} }
} }

View File

@ -361,16 +361,13 @@ body.flexbox {
display: none; display: none;
} }
.tri-layout-left-contents > *, .tri-layout-right-contents > * { .tri-layout-left-contents > *, .tri-layout-right-contents > * {
opacity: 0.6; @include lightDark(opacity, 0.6, 0.7);
transition: opacity ease-in-out 120ms; transition: opacity ease-in-out 120ms;
&:hover { &:hover, &:focus-within {
opacity: 1; opacity: 1 !important;
}
&:focus-within {
opacity: 1;
} }
@media (prefers-contrast: more) { @media (prefers-contrast: more) {
opacity: 1; opacity: 1 !important;
} }
} }

View File

@ -193,7 +193,7 @@
} }
} }
.entity-list-item.selected { .entity-list-item.selected {
background-color: rgba(0, 0, 0, 0.08); @include lightDark(background-color, rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.08));
} }
.entity-list-item.no-hover { .entity-list-item.no-hover {
margin-top: -$-xs; margin-top: -$-xs;