diff --git a/webclient/src/light.css b/webclient/src/light.css index 379ec38..f7f55b2 100644 --- a/webclient/src/light.css +++ b/webclient/src/light.css @@ -47,16 +47,6 @@ body { min-height: 45rem; } -.photo-small { - max-width: 80px; - max-height: 80px; -} - -.photo-medium { - max-width: 150px; - max-height: 1500px; -} - .photo-404 { max-width: 100%; height: auto; @@ -118,10 +108,6 @@ body { width: 10rem; } -.darkmode--activated .footer { - mix-blend-mode: difference; -} - .footer { margin-top: -20rem; @@ -159,6 +145,22 @@ body { margin-right: 0.5em; } + .darkmode-layer, .darkmode-toggle { 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; +}