dark mdoe fixes

2026-03-08 16:14:11 +02:00
parent a094c28567
commit 6c1d27b1d0
2 changed files with 140 additions and 14 deletions
@@ -855,6 +855,110 @@ $fa-font-path:        "/fonts";
            }
        }
    }
+
+    // Show page specific dark mode styles
+    .movie-page {
+        .card-header.bg-white,
+        .bg-white {
+            background-color: #333 !important;
+            color: #e0e0e0;
+        }
+
+        .border {
+            border-color: #444 !important;
+        }
+
+        .border-top-0 {
+            border-top: 0 !important;
+        }
+
+        .rounded-bottom {
+            border-bottom-left-radius: 0.25rem !important;
+            border-bottom-right-radius: 0.25rem !important;
+        }
+
+        // Review cards
+        .review-item {
+            background-color: #2a2a2a;
+            border-color: #444;
+
+            .card-body {
+                color: #e0e0e0;
+            }
+        }
+
+        // Seasons carousel
+        .carousel-control-prev-icon,
+        .carousel-control-next-icon {
+            filter: invert(1);
+        }
+
+        // Movie/show title
+        .movie-title {
+            color: #e0e0e0;
+        }
+
+        // Overview section
+        .overview {
+            h5 {
+                color: #e0e0e0;
+            }
+
+            p {
+                color: #a0a0a0;
+            }
+        }
+
+        // External links buttons
+        .btn-outline-secondary {
+            background-color: transparent;
+            border-color: #444;
+            color: #e0e0e0;
+
+            &:hover {
+                background-color: #444;
+                border-color: #555;
+                color: #fff;
+            }
+        }
+
+        // Watch providers
+        .watch-providers {
+            h6 {
+                color: #a0a0a0 !important;
+            }
+        }
+
+        // Tagline
+        .tagline {
+            color: #a0a0a0 !important;
+        }
+
+        // Livewire components (Similar, Recommended, etc.)
+        div[wire\:id] {
+            background-color: transparent !important;
+
+            .card {
+                background-color: #2a2a2a !important;
+                border-color: #444 !important;
+            }
+
+            .card-body {
+                background-color: #2a2a2a !important;
+                color: #e0e0e0 !important;
+            }
+        }
+
+        // Tab content area
+        .tab-content {
+            background-color: #2a2a2a;
+            border-color: #444 !important;
+        }
+
+        .tab-pane {
+            color: #e0e0e0;
+        }
+    }
 }

 body.light-mode{