tanner/spaceport
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Don't invert status icon or image colors for dark mode

Browse Source
This commit is contained in:
Tanner Collin 2020-04-05 22:14:51 +00:00
parent e5ee4aba42
commit 9df45f971f
1 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
webclient/src/light.css
View File

@ -47,16 +47,6 @@ body {
min-height: 45rem; min-height: 45rem;
} }
.photo-small {
max-width: 80px;
max-height: 80px;
}
.photo-medium {
max-width: 150px;
max-height: 1500px;
}
.photo-404 { .photo-404 {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
@ -118,10 +108,6 @@ body {
width: 10rem; width: 10rem;
} }
.darkmode--activated .footer {
mix-blend-mode: difference;
}
.footer { .footer {
margin-top: -20rem; margin-top: -20rem;
@ -159,6 +145,22 @@ body {
margin-right: 0.5em; margin-right: 0.5em;
} }
.darkmode-layer, .darkmode-toggle { .darkmode-layer, .darkmode-toggle {
z-index: 500; z-index: 500;
} }
.darkmode--activated .ui.image {
mix-blend-mode: difference;
filter: brightness(50%);
}
.darkmode--activated i.green.circle.icon,
.darkmode--activated i.yellow.circle.icon,
.darkmode--activated i.red.circle.icon {
mix-blend-mode: difference;
}
.darkmode--activated .footer {
mix-blend-mode: difference;
}