MediaWiki:Citizen.css: Difference between revisions

← Older edit Newer edit →

@@ Line 7: / Line 7: @@
 - Exports Citizen theme vars -> Common.css --sv-ui-* tokens
 - Mobile (<=500): no frosted glass / no transparency
+- Codex/MediaWiki message banners: unified via global override at EOF
 ============================================================ */
@@ Line 285: / Line 286: @@
 color:#0b1a33 !important;
 }
 body.skin-citizen select#namespace:focus option,
 body.skin-citizen select#mw-search-ns:focus option,
@@ Line 291: / Line 291: @@
 color:#0b1a33 !important;
 }
+/* ------------------------------------------------------------
+SV UI extras (shared popover tuning tokens)
+------------------------------------------------------------ */
+:root{
+--sv-ui-pop-bg:var(--sv-ui-bg0);
+--sv-ui-pop-line:var(--sv-ui-line2);
+--sv-ui-pop-shadow:0 10px 30px rgba(0,0,0,0.35);
+}
+/* ============================================================
+Codex + MediaWiki Message banners — GLOBAL OVERRIDE (all themes)
+- One shared look for day/night/os
+- Uses Codex-style colors (notice/warning/error/success)
+- White text; links in dark blue
+- Strong override (beats other CSS locations)
+============================================================ */
+/* Base (notice default) */
+:where(.cdx-message,.mw-message-box,.mw-warning-with-logexcerpt):not(.cdx-message--inline){
+background:#2a2c30 !important;
+border:1px solid rgba(255,255,255,0.20) !important;
+color:#ffffff !important;
+}
+/* Ensure inner content inherits (links overridden below) */
+:where(.cdx-message,.mw-message-box,.mw-warning-with-logexcerpt) :where(.cdx-message__content,.mw-message-box__content,div,p,ul,li,span,strong,bdi){
+color:inherit !important;
+}
+/* Links */
+:where(.cdx-message,.mw-message-box,.mw-warning-with-logexcerpt) a,
+:where(.cdx-message,.mw-message-box,.mw-warning-with-logexcerpt) a:visited{
+color:#2f78ff !important;
+text-decoration:underline;
+text-underline-offset:2px;
+}
+/* Warning */
+:where(.cdx-message--warning,.mw-message-box-warning,.mw-warning-with-logexcerpt):not(.cdx-message--inline){
+background:#302617 !important;
+border-color:#f5b000 !important;
+color:#ffffff !important;
+}
+/* Error */
+:where(.cdx-message--error,.mw-message-box-error):not(.cdx-message--inline){
+background:#3e1d17 !important;
+border-color:#ff3b30 !important;
+color:#ffffff !important;
+}
+/* Success */
+:where(.cdx-message--success,.mw-message-box-success):not(.cdx-message--inline){
+background:#172d26 !important;
+border-color:#18c37e !important;
+color:#ffffff !important;
+}
+/* Icon tint (Codex-ish) */
+.cdx-message.cdx-message--warning:not(.cdx-message--inline) .cdx-message__icon{ color:#f5b000 !important; }
+.cdx-message.cdx-message--error:not(.cdx-message--inline)   .cdx-message__icon{ color:#ff3b30 !important; }
+.cdx-message.cdx-message--success:not(.cdx-message--inline) .cdx-message__icon{ color:#18c37e !important; }