MediaWiki:Common.css: Unterschied zwischen den Versionen

Zeile 581:

-------------------------------------------------

/* ~~--- SAFETY~~: ~~harte Vorgaben für Hellmodus, falls~~ iOS ~~kurz switcht ---~~ */

/* ===== Hard Fix: Force Light Mode on iOS/Safari ===== */

~~@media (prefers-~~color-scheme: light~~) {~~

html { color-scheme: light !important; } /* sagt Safari: NICHT auto-dunkeln */

~~html, body { background: #fafafa !important; color: #222~~ !important; }

~~.card, .card-muted { background: #fff !important; color: #222 !important; }~~

~~.card-muted { background: #f6f7f8 !important; }~~

~~.card h2 { color: #222 !important; }~~

~~.meta, .hint { color: #666 !important; }~~

~~.list.compact .news-item { color: #222 !important; }~~

~~.pill-row a, .ados-chips a { color: #2d6ca2 !important; }~~

}

/* ~~--- DARKMODE~~: ~~nur aktiv, wenn HINTERGRUND mit wechselt --~~- */

@media (prefers-color-scheme: dark) {

html, body { background: #~~121212~~ !important; color: #~~e8e8e8~~ !important; }

/* falls Safari trotzdem toggelt: alles hell halten */

.card, .card-muted { background: #~~1c1c1c~~ !important; color: #~~e8e8e8~~ !important; }

html, body { background: #ffffff !important; color: #222 !important; }

~~.card~~-~~muted { background~~: #~~181818~~ !important; }

.card, .card-muted,

~~.card h2 { color: #ffffff !important; border~~-~~bottom-color~~: ~~#313131~~ !important; }

.whisky-rating__item,

.~~meta, .hint~~ { ~~color~~: #~~b4b4b4~~ !important; }

.whisky-top5,

.list.compact .news-item { ~~color: #e8e8e8 !important;~~ border-bottom-color: #~~2a2a2a~~ !important; }

.mw-popup-modal,

~~.pill-row a, .ados-chips~~ a { ~~background:#1c1c1c; border-color:#313131;~~ color:#~~86c2ff~~ !important; }

.whisky-summary__table th,

~~a { color: #86c2ff; }~~ a:hover { color: #~~c5e1ff~~; }

.whisky-summary__table td {

img { filter: ~~brightness(.95) contrast(1.05)~~; }

background: #ffffff !important;

color: #222 !important;

border-color: #e6e6e6 !important;

box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;

}

.whisky-summary__table tr:nth-child(even) td { background: #fafafa !important; }

.list.compact .news-item { border-bottom-color: #eee !important; }

a { color: #2d6ca2 !important; }

a:hover { color: #1c4d7d !important; }

img { filter: none !important; }

}

~~/* --- iOS: verhindere ungewollte Auto-Invert/Graustufen-Effekte --- */~~

~~:root { color-scheme: light dark; } /* signalisiert, dass beide Schemes sauber gestylt sind */~~

@@ Zeile 581: / Zeile 581: @@
 -------------------------------------------------
-/* --- SAFETY: harte Vorgaben für Hellmodus, falls iOS kurz switcht --- */
+/* ===== Hard Fix: Force Light Mode on iOS/Safari ===== */
-@media (prefers-color-scheme: light) {
+html { color-scheme: light !important; }  /* sagt Safari: NICHT auto-dunkeln */
-  html, body { background: #fafafa !important; color: #222 !important; }
-  .card, .card-muted { background: #fff !important; color: #222 !important; }
-  .card-muted { background: #f6f7f8 !important; }
-  .card h2 { color: #222 !important; }
-  .meta, .hint { color: #666 !important; }
-  .list.compact .news-item { color: #222 !important; }
-  .pill-row a, .ados-chips a { color: #2d6ca2 !important; }
-}
-/* --- DARKMODE: nur aktiv, wenn HINTERGRUND mit wechselt --- */
 @media (prefers-color-scheme: dark) {
-   html, body { background: #121212 !important; color: #e8e8e8 !important; }
+  /* falls Safari trotzdem toggelt: alles hell halten */
-   .card, .card-muted { background: #1c1c1c !important; color: #e8e8e8 !important; }
+   html, body { background: #ffffff !important; color: #222 !important; }
-  .card-muted { background: #181818 !important; }
+   .card, .card-muted,
-  .card h2 { color: #ffffff !important; border-bottom-color: #313131 !important; }
+  .whisky-rating__item,
-   .meta, .hint { color: #b4b4b4 !important; }
+  .whisky-top5,
-   .list.compact .news-item { color: #e8e8e8 !important; border-bottom-color: #2a2a2a !important; }
+  .mw-popup-modal,
-   .pill-row a, .ados-chips a { background:#1c1c1c; border-color:#313131; color:#86c2ff !important; }
+  .whisky-summary__table th,
-   a { color: #86c2ff; } a:hover { color: #c5e1ff; }
+  .whisky-summary__table td {
-   img { filter: brightness(.95) contrast(1.05); }
+    background: #ffffff !important;
+    color: #222 !important;
+    border-color: #e6e6e6 !important;
+    box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
+  }
+   .whisky-summary__table tr:nth-child(even) td { background: #fafafa !important; }
+   .list.compact .news-item { border-bottom-color: #eee !important; }
+   a { color: #2d6ca2 !important; }
+   a:hover { color: #1c4d7d !important; }
+   img { filter: none !important; }
 }
-/* --- iOS: verhindere ungewollte Auto-Invert/Graustufen-Effekte --- */
-:root { color-scheme: light dark; } /* signalisiert, dass beide Schemes sauber gestylt sind */