Merge pull request #289 from JVT038/fix-unreadable-text-in-dark-mode

Fix unreadable contents during dark mode
leepeuker · Mar 1, 2023 · 1ec9e65 · 1ec9e65
2 parents c67c9d1 + 5bc9be8
commit 1ec9e65
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git 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;
 }
diff --git 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) {