MediaWiki:Theme-Break.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 Break (Dark / Teal - Indigo)
============================================ */
:root {
--theme-primary-gradient: linear-gradient(135deg, #0B3D3D 0%, #1A1B4B 50%, #311B92 100%);
--theme-primary-start: #0B3D3D;
--theme-primary-mid: #1A1B4B;
--theme-primary-end: #311B92;
--theme-body-text: #F2F2F2;
--theme-body-text-rgb: 242, 242, 242;
--theme-body-text-muted: #A0A0A0;
--theme-body-text-emphasized: #FFFFFF;
--theme-heading-color: #FFFFFF;
--theme-link-color: #00F5D4; /* neon mint accent */
--theme-link-color-visited: #B388FF;
--theme-link-color-hover: #76FFEB;
--theme-link-color-new: #FF5252;
--theme-page-background: #0F0F19; /* deep dark */
--theme-body-background: #121420 url(""); /* slightly lighter for page backdrop */
--theme-widget-background: rgba(20, 20, 35, 0.75);
--theme-widget-background-solid: #1A1B2F;
--theme-box-background: rgba(255, 255, 255, 0.05);
--theme-highlight-background: rgba(255, 255, 255, 0.08);
--theme-glass-background: rgba(15, 15, 25, 0.6);
--theme-glass-background-solid: #151622;
--theme-accent-color: #00F5D4;
--theme-accent-color-light: #76FFEB;
--theme-accent-color-dark: #009C87;
--theme-border-color: rgba(255, 255, 255, 0.12);
--theme-border-color-accent: rgba(255, 255, 255, 0.25);
--theme-border-color-light: rgba(255, 255, 255, 0.07);
--theme-hr-color-top: rgba(255, 255, 255, 0.08);
--theme-hr-color-bottom: rgba(0, 0, 0, 0.3);
--theme-shadow-small: 0 1px 3px rgba(0,0,0,0.4);
--theme-shadow-medium: 0 2px 6px rgba(0,0,0,0.6);
--theme-scrollbar-track: rgba(255,255,255,0.05);
--theme-scrollbar-thumb: rgba(255,255,255,0.15);
--theme-scrollbar-thumb-hover: rgba(255,255,255,0.25);
--theme-toc-background: rgba(255, 255, 255, 0.05);
--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);
--theme-notice-blue-background: #1A2B3B;
--theme-notice-blue-border: #2F4F6F;
--theme-notice-red-background: #3B1A1A;
--theme-notice-red-border: #6F2F2F;
--theme-notice-red-text: #FF8A8A;
--theme-notice-yellow-background: #3B361A;
--theme-notice-yellow-border: #6F652F;
--theme-notice-orange-background: #3B2D1A;
--theme-notice-orange-border: #6F552F;
--theme-notice-green-background: #1A3B2A;
--theme-notice-green-border: #2F6F4F;
--theme-notice-purple-background: #2A1A3B;
--theme-notice-purple-border: #4F2F6F;
--theme-diff-added-bg: #1A2E1A;
--theme-diff-added-text: #B8FFB8;
--theme-diff-removed-bg: #2E1A1A;
--theme-diff-removed-text: #FFB8B8;
}