Dark mode - more colour fixes

changedetectionio/static/styles/diff.css

@@ -125,6 +125,8 @@ html[data-darkmode="true"] {
     opacity: 0.4; }
   html[data-darkmode="true"] .watch-table .unviewed {
     color: #fff; }
+    html[data-darkmode="true"] .watch-table .unviewed.error {
+      color: var(--color-watch-table-error); }
   html[data-darkmode="true"] .icon-spread {
     filter: hue-rotate(-10deg) brightness(1.5); }
   html[data-darkmode="true"] .watch-table .title-col a[target="_blank"]::after,

changedetectionio/static/styles/scss/parts/_variables.scss

@@ -148,7 +148,11 @@ html[data-darkmode="true"] {
   }
   .watch-table .unviewed {
     color: #fff;
+    &.error {
+      color: var(--color-watch-table-error);
     }
+  }
+
   .icon-spread {
     filter: hue-rotate(-10deg) brightness(1.5);
   }

changedetectionio/static/styles/scss/styles.scss

@@ -125,22 +125,21 @@ code {
     &.unviewed {
       font-weight: bold;
     }
+    &.error {
+      color: var(--color-watch-table-error);
+    }
     color: var(--color-watch-table-row-text);
   }
 
 
-  .error {
-    color: var(--color-watch-table-error);
-  }
-
   td {
     white-space: nowrap;
-  }
+    &.title-col {
-
-  td.title-col {
       word-break: break-all;
       white-space: normal;
     }
+  }
+
 
   th {
     white-space: nowrap;

changedetectionio/static/styles/styles.css

@@ -128,6 +128,8 @@ html[data-darkmode="true"] {
     opacity: 0.4; }
   html[data-darkmode="true"] .watch-table .unviewed {
     color: #fff; }
+    html[data-darkmode="true"] .watch-table .unviewed.error {
+      color: var(--color-watch-table-error); }
   html[data-darkmode="true"] .icon-spread {
     filter: hue-rotate(-10deg) brightness(1.5); }
   html[data-darkmode="true"] .watch-table .title-col a[target="_blank"]::after,
@@ -343,7 +345,7 @@ code {
     color: var(--color-watch-table-row-text); }
     .watch-table tr.unviewed {
       font-weight: bold; }
-  .watch-table .error {
+    .watch-table tr.error {
       color: var(--color-watch-table-error); }
   .watch-table td {
     white-space: nowrap; }