Template:BrandEntryStyles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 45: / Line 45: @@
 }
-/* Dark mode support - multiple selectors for Citizen skin */
+/* Dark mode - Minerva night mode */
-html[data-theme="dark"] .brand-entry,
+.skin-theme-clientpref-night .brand-entry {
-[data-color-scheme="dark"] .brand-entry,
-.skin-citizen-dark .brand-entry,
-.citizen-dark .brand-entry {
      background: #1e293b;
      border-color: #3b82f6;
@@ Line 55: / Line 52: @@
 }
-html[data-theme="dark"] .brand-entry:hover,
+.skin-theme-clientpref-night .brand-entry:hover {
-[data-color-scheme="dark"] .brand-entry:hover,
-.skin-citizen-dark .brand-entry:hover,
-.citizen-dark .brand-entry:hover {
      background: #1e3a5f;
      border-color: #60a5fa;
@@ Line 64: / Line 58: @@
 }
-html[data-theme="dark"] .brand-entry-count,
+.skin-theme-clientpref-night .brand-entry-count {
-[data-color-scheme="dark"] .brand-entry-count,
-.skin-citizen-dark .brand-entry-count,
-.citizen-dark .brand-entry-count {
      color: #94a3b8;
-}
-/* Also try prefers-color-scheme media query as fallback */
-@media (prefers-color-scheme: dark) {
-    .brand-entry {
-        background: #1e293b;
-        border-color: #3b82f6;
-        color: #60a5fa;
-    }
-    .brand-entry:hover {
-        background: #1e3a5f;
-        border-color: #60a5fa;
-        box-shadow: 0 10px 15px -3px rgba(96, 165, 250, 0.3), 0 4px 6px -4px rgba(96, 165, 250, 0.2);
-    }
-    .brand-entry-count {
-        color: #94a3b8;
-    }
 }