MediaWiki:Common.css: Difference between revisions

m warning/notice styling global
mNo edit summary
Line 15: Line 15:


   /* ===== OOO Design Tokens (Theme Adaptive) ===== */
   /* ===== OOO Design Tokens (Theme Adaptive) ===== */
   --ooo-accent: #ff7a00;
   --ooo-accent: #f5c400;
   --ooo-border: var(--border-color-base, #a2a9b1);
   --ooo-border: var(--border-color-base, #a2a9b1);
   --ooo-bg-block: var(--background-color-base, #ffffff);
   --ooo-bg-block: var(--background-color-base, #ffffff);
Line 446: Line 446:


/* =========================================================
/* =========================================================
   OOO NOTICE SYSTEM (Industrial Warning)
   OOO NOTICE (Brand Yellow Industrial)
   ========================================================= */
   ========================================================= */


Line 457: Line 457:
   background: linear-gradient(
   background: linear-gradient(
     to right,
     to right,
     rgba(255,122,0,0.08),
     rgba(245,196,0,0.10),
     transparent 60%
     transparent 60%
   );
   );
Line 476: Line 476:
}
}


/* Subtle hover energy */
.ooo-notice:hover {
  background: linear-gradient(
    to right,
    rgba(255,122,0,0.12),
    transparent 70%
  );
}
/* Dark theme glow accent */
.skin-theme-clientpref-night .ooo-notice {
.skin-theme-clientpref-night .ooo-notice {
   box-shadow: 0 0 14px rgba(255,122,0,0.08);
   box-shadow: 0 0 18px rgba(245,196,0,0.08);
}
}


@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
   .skin-theme-clientpref-os .ooo-notice {
   .skin-theme-clientpref-os .ooo-notice {
     box-shadow: 0 0 14px rgba(255,122,0,0.08);
     box-shadow: 0 0 18px rgba(245,196,0,0.08);
   }
   }
}
}