From 5bc9be8d605eea20172793d08b7471f8ad76e288 Mon Sep 17 00:00:00 2001
From: JVT038 <47184046+JVT038@users.noreply.github.com>
Date: Sun, 26 Feb 2023 17:21:58 +0100
Subject: [PATCH] Fix unreadable contents during dark mode

---
 public/css/netflix.css        | 6 ++++++
 public/js/settings-netflix.js | 5 ++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/public/css/netflix.css b/public/css/netflix.css
index 8c9616df..f941d3b1 100644
--- a/public/css/netflix.css
+++ b/public/css/netflix.css
@@ -1,6 +1,12 @@
 .tmdbrow:hover {
     filter: brightness(50%);
 }
+.netflixrow[data-tmdbid='undefined']:hover {
+    background-color: #a46c06 !important;
+}
+.netflixrow[data-tmdbid='undefined']:hover .ratingIcon {
+    color: rgb(255, 193, 7) !important;
+}
 .tmdbrow {
     cursor: pointer;
 }
\ No newline at end of file
diff --git a/public/js/settings-netflix.js b/public/js/settings-netflix.js
index c5b3b7e9..3f8c21f0 100644
--- a/public/js/settings-netflix.js
+++ b/public/js/settings-netflix.js
@@ -420,6 +420,9 @@ function processNetflixData(netflixActivityItems) {
         for (let i = 1; i <= 10; i++) {
             let tmdb_rating_icon = document.createElement('i');
             tmdb_rating_icon.className = 'bi bi-star ratingIcon';
+            if(netflixActivityItem.tmdbMatch === null) {
+                tmdb_rating_icon.classList.add('text-dark');
+            }
             tmdb_rating_icon.dataset.rating = i;
             tmdb_rating_icon.addEventListener('click', setNetflixRatingStars);
             tmdb_rating_span.appendChild(tmdb_rating_icon);
@@ -432,7 +435,7 @@ function processNetflixData(netflixActivityItems) {
         } else {
             tmdb_cover.alt = 'Cover of missing item';
             row.setAttribute('data-tmdbid', 'undefined');
-            row.classList.add('bg-warning')
+            row.classList.add('bg-warning', 'text-dark');
         }
 
         if (netflixActivityItem.tmdbMatch === null || netflixActivityItem.tmdbMatch.poster_path === null) {