„MediaWiki:Gadget-Descriptions.css“ – Versionsunterschied

/* —————————————————————
   Basis (Light) – gilt immer
   ————————————————————— */
.wbtooltip,
.wb-tooltip,
.mw-wbtooltip,
[class*="wbtooltip"] {
  background-color: #fff;
  color: #202122;
  border: 1px solid #a2a9b1;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
  padding: 8px 10px;
  font-size: 0.875rem; /* ~14px */
  line-height: 1.45;
  max-width: 56ch;
  overflow-wrap: anywhere;
  z-index: 1100;
}

/* ID/Label dezent hervorheben */
.wbtooltip strong,
.wb-tooltip strong,
.mw-wbtooltip strong,
[class*="wbtooltip"] strong {
  font-weight: 600;
}

/* —————————————————————
   Dark Mode – Vector-Nachtpräferenz
   (setzt die Klasse am <html>-Element)
   ————————————————————— */
.skin-theme-clientpref-night .wbtooltip,
.skin-theme-clientpref-night .wb-tooltip,
.skin-theme-clientpref-night .mw-wbtooltip,
.skin-theme-clientpref-night [class*="wbtooltip"] {
  background-color: #202122 !important;
  color: #eaecf0 !important;
  border-color: #54595d !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.6) !important;
}

/* Links im Tooltip (falls vorhanden) */
.skin-theme-clientpref-night .wbtooltip a,
.skin-theme-clientpref-night .wb-tooltip a,
.skin-theme-clientpref-night .mw-wbtooltip a,
.skin-theme-clientpref-night [class*="wbtooltip"] a {
  color: #a0d1ff !important;
}

/* —————————————————————
   Dark über OS-Einstellung („Benutze Systempräferenz“)
   (Vector setzt dann .skin-theme-clientpref-os – wir koppeln an prefers-color-scheme)
   ————————————————————— */
@media (prefers-color-scheme: dark) {
  .skin-theme-clientpref-os .wbtooltip,
  .skin-theme-clientpref-os .wb-tooltip,
  .skin-theme-clientpref-os .mw-wbtooltip,
  .skin-theme-clientpref-os [class*="wbtooltip"] {
    background-color: #202122 !important;
    color: #eaecf0 !important;
    border-color: #54595d !important;
    box-shadow: 0 6px 24px rgba(0,0,0,.6) !important;
  }
  .skin-theme-clientpref-os .wbtooltip a,
  .skin-theme-clientpref-os .wb-tooltip a,
  .skin-theme-clientpref-os .mw-wbtooltip a,
  .skin-theme-clientpref-os [class*="wbtooltip"] a {
    color: #a0d1ff !important;
  }
}