Fixed automatic OS theme detection

diekus · May 10, 2022 · 821dd54 · 821dd54
1 parent f37733f
commit 821dd54
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -41,8 +41,7 @@ <h2>Letter colours</h2>
             <input type="color" id="colorPickerP" name="colorP" value="#808080">
             <input type="color" id="colorPickerW" name="colorW" value="#808080">
             <input type="color" id="colorPickerA" name="colorA" value="#808080">
-        </span>
-
+        </span>        
         <h2>Preview background</h2>
         <span class="colorSelectionRow">
           <svg class="bgBtn" id="btnLight" viewBox="0 0 24 25" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2">

diff --git a/styles/pwinter.css b/styles/pwinter.css
@@ -76,7 +76,6 @@ nav {
     grid-column: 4 / 6 ;
     grid-row: 2 / 6;
     justify-self: stretch;
-    background-color: white;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -91,7 +90,6 @@ nav {
     justify-self: stretch;
     display: flex;
     flex-direction: column;
-    background: white;
     border-radius: var(--radius) 0 0 var(--radius);
     transition: background-color .2s ease-in, padding .2s, margin .2s, grid-column .2s ease-in, grid-row .2s ease-in;
 }

diff --git a/styles/pwinter_dark.css b/styles/pwinter_dark.css
@@ -3,6 +3,6 @@
     --gradient2: rgb(40, 40, 40) 30% ;
 }
 
-#previewPane {
+#previewPane, #colorSelectionPane {
     background-color: var(--colorDark);
 }
diff --git a/styles/pwinter_light.css b/styles/pwinter_light.css
@@ -3,6 +3,6 @@
     --gradient2: rgb(206, 206, 206) 30%;
 }
 
-#previewPane {
+#previewPan, #colorSelectionPane {
     background-color: var(--colorLight);
 }