most of the .nightMode redefinitions are no longer required

qt/ts/scss/deckbrowser.scss

@@ -66,37 +66,12 @@ body {
 .gears {
     width: 1em;
     height: 1em;
-    opacity: .5;
+    opacity: 0.5;
     padding-top: 0.2em;
 }
 
 .nightMode {
-    a.deck {
-        color: var(--text-fg);
-    }
-
-    tr.deck td {
-        border-bottom-color: var(--faint-border);
-    }
-
-    tr.drag-hover td {
-        border-bottom-color: var(--border);
-    }
-
-    .current {
-        background-color: var(--faint-border);
-    }
-
-    .collapse {
-        color: var(--text-fg);
-    }
-
     .gears {
         filter: invert(180);
     }
-
-    .filtered {
-        color: var(--link) !important;
-    }
-
 }

qt/ts/scss/editor.scss

@@ -45,10 +45,14 @@ body {
 }
 
 .rainbow {
-    background-image: -webkit-gradient(linear, left top, left bottom,
+    background-image: -webkit-gradient(
-    color-stop(0.00, #f77),
+        linear,
+        left top,
+        left bottom,
+        color-stop(0, #f77),
         color-stop(50%, #7f7),
-    color-stop(100%, #77f));
+        color-stop(100%, #77f)
+    );
 }
 
 button.linkb {
@@ -76,27 +80,19 @@ button.highlighted {
     background: var(--flag1-bg);
 }
 
-.nightMode {
-    .field {
-        border-color: var(--border);
-        background: var(--frame-bg);
-        color: var(--text-fg);
-    }
-
-    button.linkb > img {
-        filter: invert(180);
-    }
-
-    .dupe {
-        background: var(--flag1-bg);
-    }
-
 #dupes a {
     color: var(--link);
 }
+
+.nightMode {
+    button.linkb > img {
+        filter: invert(180);
+    }
 }
 
-.drawing { zoom: 50%; }
+.drawing {
-.nightMode img.drawing {
+    zoom: 50%;
-    filter: unquote("invert() hue-rotate(180deg)")
+}
+.nightMode img.drawing {
+    filter: unquote("invert() hue-rotate(180deg)");
 }

qt/ts/scss/overview.scss

@@ -33,9 +33,3 @@ h3 {
 .dyn {
     text-align: center;
 }
-
-.nightMode {
-    .descfont {
-        color: var(--slightly-grey-text);
-    }
-}

qt/ts/scss/reviewer.scss

@@ -10,6 +10,8 @@ body {
     overflow-wrap: break-word;
 }
 
+// explicit nightMode definition required
+// to override default .card styling
 body.nightMode {
     background-color: var(--window-bg);
     color: var(--text-fg);

qt/ts/scss/toolbar.scss

@@ -33,33 +33,25 @@ body {
     text-decoration: underline;
 }
 
-.hitem:focus { outline: 0; }
+.hitem:focus {
-
+    outline: 0;
-.nightMode {
-    .hitem {
-        color: var(--text-fg);
 }
 
-    #header {
+.nightMode #header {
     border-bottom-color: var(--faint-border);
 }
 
-    .normal-sync {
-        color: var(--new-count);
-    }
-
-    .full-sync {
-        color: var(--learn-count);
-    }
-}
-
 .isMac.nightMode #header {
     border-bottom-color: var(--frame-bg);
 }
 
 @keyframes spin {
-    0% {-webkit-transform: rotate(0deg);}
+    0% {
-    100% {-webkit-transform: rotate(360deg);}
+        -webkit-transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(360deg);
+    }
 }
 
 .spin {
@@ -85,5 +77,3 @@ body {
 .full-sync {
     color: var(--learn-count);
 }
-
-

qt/ts/scss/webview.scss

@@ -8,6 +8,7 @@ body {
     margin: 2em;
     color: var(--text-fg);
     background: var(--window-bg);
+    overscroll-behavior: none;
 }
 
 h1 {
@@ -19,39 +20,28 @@ a {
 }
 
 body.nightMode {
-    color: var(--text-fg);
+    &::-webkit-scrollbar {
         background: var(--window-bg);
-}
 
-body.nightMode::-webkit-scrollbar {
+        &:horizontal {
-    background: var(--window-bg);
-}
-
-body.nightMode::-webkit-scrollbar:horizontal {
             height: 12px;
         }
 
-body.nightMode::-webkit-scrollbar:vertical {
+        &:vertical {
             width: 12px;
         }
-
-body.nightMode::-webkit-scrollbar-thumb {
-    background: buttons.$fusion-button-hover-bg;
-    border-radius: 8px;
     }
 
-body.nightMode::-webkit-scrollbar-thumb:horizontal {
+    &::-webkit-scrollbar-thumb {
+        background: buttons.$fusion-button-hover-bg;
+        border-radius: 8px;
+
+        &:horizontal {
             min-width: 50px;
         }
 
-body.nightMode::-webkit-scrollbar-thumb:vertical {
+        &:vertical {
             min-height: 50px;
         }
-
-.nightMode {
-    a {
-        color: var(--link);
     }
 }
-
-body { overscroll-behavior: none; }