MediaWiki:Theme-Mana.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* ============================================
THEME DAYBREAK (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;
}