From a048e4a02d69ed80cebc12698d90b5889b647413 Mon Sep 17 00:00:00 2001
From: dgtlmoon <dgtlmoon@gmail.com>
Date: Mon, 5 Dec 2022 19:10:36 +0100
Subject: [PATCH] Dark mode - more colour fixes

---
 changedetectionio/static/styles/diff.css          |  2 ++
 .../static/styles/scss/parts/_variables.scss      |  4 ++++
 changedetectionio/static/styles/scss/styles.scss  | 15 +++++++--------
 changedetectionio/static/styles/styles.css        | 12 +++++++-----
 4 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/changedetectionio/static/styles/diff.css b/changedetectionio/static/styles/diff.css
index ec019a7f..bbdeaaa9 100644
--- a/changedetectionio/static/styles/diff.css
+++ b/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,
diff --git a/changedetectionio/static/styles/scss/parts/_variables.scss b/changedetectionio/static/styles/scss/parts/_variables.scss
index bccac914..ffa3c623 100644
--- a/changedetectionio/static/styles/scss/parts/_variables.scss
+++ b/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);
   }
diff --git a/changedetectionio/static/styles/scss/styles.scss b/changedetectionio/static/styles/scss/styles.scss
index ebedf2da..7e2d3130 100644
--- a/changedetectionio/static/styles/scss/styles.scss
+++ b/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 {
+      word-break: break-all;
+      white-space: normal;
+    }
   }
 
-  td.title-col {
-    word-break: break-all;
-    white-space: normal;
-  }
 
   th {
     white-space: nowrap;
diff --git a/changedetectionio/static/styles/styles.css b/changedetectionio/static/styles/styles.css
index 949ad0a3..d461e82d 100644
--- a/changedetectionio/static/styles/styles.css
+++ b/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,13 +345,13 @@ code {
     color: var(--color-watch-table-row-text); }
     .watch-table tr.unviewed {
       font-weight: bold; }
-  .watch-table .error {
-    color: var(--color-watch-table-error); }
+    .watch-table tr.error {
+      color: var(--color-watch-table-error); }
   .watch-table td {
     white-space: nowrap; }
-  .watch-table td.title-col {
-    word-break: break-all;
-    white-space: normal; }
+    .watch-table td.title-col {
+      word-break: break-all;
+      white-space: normal; }
   .watch-table th {
     white-space: nowrap; }
     .watch-table th a {