MediaWiki:Theme-Mana.css

/* ============================================
   Theme Mana (Light / Mint Sky Lavender)
   ============================================ */
:root {
    /* Primary gradient (Start → Mid → End) */
    --theme-primary-gradient: linear-gradient(135deg, #C8F1E4 0%, #B8DCE7 50%, #B9A9D5 100%);
    --theme-primary-start: #C8F1E4;
    --theme-primary-mid: #B8DCE7;
    --theme-primary-end: #B9A9D5;

    /* Body / Text */
    --theme-body-text: #1A1A1A;
    --theme-body-text-rgb: 26, 26, 26;
    --theme-body-text-muted: #5A5A5A;           /* notes, secondary info */
    --theme-body-text-emphasized: #0F0F0F;       /* slightly stronger, e.g. bold/highlight */
    --theme-heading-color: #1A1A1A;

    /* Links */
    --theme-link-color: #005B9F;                 /* darker blue for light bg */
    --theme-link-color-visited: #673AB7;
    --theme-link-color-hover: #003D6B;
    --theme-link-color-new: #D32F2F;             /* red links (non-existent pages) */

    /* Backgrounds */
    --theme-page-background: #EAF2F5;            /* main content area */
    --theme-body-background: #F5F9FC url("");    /* entire page bg (can be a texture later) */
    --theme-widget-background: rgba(255, 255, 255, 0.75);
    --theme-widget-background-solid: #FFFFFF;
    --theme-box-background: rgba(255, 255, 255, 0.6);
    --theme-highlight-background: rgba(0, 0, 0, 0.05);

    /* Glass / Overlay (for modals, dropdowns) */
    --theme-glass-background: rgba(255, 255, 255, 0.4);
    --theme-glass-background-solid: #FFFFFF;

    /* Accent (neon mint replaced with white in light theme, but we keep a "accent" variable) */
    --theme-accent-color: #00A896;               /* deeper mint for contrast */
    --theme-accent-color-light: #00F5D4;
    --theme-accent-color-dark: #007A6C;

    /* Borders */
    --theme-border-color: rgba(0, 0, 0, 0.12);
    --theme-border-color-accent: rgba(0, 0, 0, 0.25);
    --theme-border-color-light: rgba(0, 0, 0, 0.06);
    --theme-hr-color-top: rgba(0, 0, 0, 0.12);
    --theme-hr-color-bottom: rgba(255, 255, 255, 0.8);

    /* Widget shadows */
    --theme-shadow-small: 0 1px 3px rgba(0,0,0,0.12);
    --theme-shadow-medium: 0 2px 6px rgba(0,0,0,0.15);

    /* Scrollbar */
    --theme-scrollbar-track: rgba(0,0,0,0.05);
    --theme-scrollbar-thumb: rgba(0,0,0,0.2);
    --theme-scrollbar-thumb-hover: rgba(0,0,0,0.3);

    /* Table of Contents */
    --theme-toc-background: rgba(255, 255, 255, 0.5);
    --theme-toc-border: var(--theme-border-color-accent);
    --theme-toc-number-color: var(--theme-body-text-muted);
    --theme-toc-link-color: var(--theme-body-text);

    /* Message boxes (notice, warning, error, success) */
    --theme-notice-blue-background: #E3F2FD;
    --theme-notice-blue-border: #90CAF9;
    --theme-notice-red-background: #FFEBEE;
    --theme-notice-red-border: #EF9A9A;
    --theme-notice-red-text: #C62828;
    --theme-notice-yellow-background: #FFF8E1;
    --theme-notice-yellow-border: #FFE082;
    --theme-notice-orange-background: #FFF3E0;
    --theme-notice-orange-border: #FFCC80;
    --theme-notice-green-background: #E8F5E9;
    --theme-notice-green-border: #A5D6A7;
    --theme-notice-purple-background: #F3E5F5;
    --theme-notice-purple-border: #CE93D8;

    /* Diff colours (for history pages) */
    --theme-diff-added-bg: #E6FFE6;
    --theme-diff-added-text: #001700;
    --theme-diff-removed-bg: #FFE6E6;
    --theme-diff-removed-text: #1F0000;
}