From a1c2cd8462122d6fde8b6159144bdac8d68efb23 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Thu, 24 May 2018 07:53:33 -0400
Subject: [PATCH] Meters have a background now

---
 style.css | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

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;