diff --git a/style.css b/style.css index fcd29d7..b204ac3 100644 --- a/style.css +++ b/style.css @@ -493,20 +493,26 @@ ul { border-radius: 0%; width: 10%; height: 150px; - background: #000; overflow: hidden; backface-visibility: hidden; transform: translate3d(0, 0, 0); display: inline-block; } +body.light .meter { + background: #ddd !important; +} + +body.dark .meter { + background: #222 !important; +} + .meter .meterLabel { display: none; z-index: 1; writing-mode: vertical-lr; text-orientation: upright; background: none; - mix-blend-mode: exclusion; transform: rotate(0deg); font-size: 12px; text-align: center; @@ -516,6 +522,15 @@ ul { transform: translate(-50%, -50%); } +body.light .meterLabel { + color: #000; +} + +body.dark .meterLabel { + color: #fff; + mix-blend-mode: exclusion; +} + .meter .fill { position: absolute; top: 0;