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 {