MediaWiki:Common.css: Difference between revisions

Latest revision as of 17:06, 31 December 2025

/* Cozy midnight theme - warm dark mode */

:root {
    --color-surface-0: #1a1a2e !important;
    --color-surface-1: #16213e !important;
    --color-surface-2: #1f2937 !important;
    --color-surface-3: #252d3d !important;
    --color-surface-4: #2d3748 !important;
    --color-base: #e2d9c8 !important;
    --color-base--emphasized: #f5efe6 !important;
    --color-base--subtle: #b8a88a !important;
    --color-primary: #d4a574 !important;
    --color-primary--hover: #e5b888 !important;
    --color-primary--active: #c49464 !important;
    --color-link: #d4a574 !important;
    --color-link--visited: #c49464 !important;
    --font-family-base: "Georgia", "Palatino Linotype", "Book Antiqua", serif !important;
}

.citizen-body,
.mw-parser-output,
.citizen-body-content {
    font-family: "Georgia", "Palatino Linotype", "Book Antiqua", serif !important;
    line-height: 1.85 !important;
    font-size: 1.05rem !important;
    color: #e2d9c8 !important;
}

.citizen-page-heading,
.mw-headline,
h1, h2, h3, h4, h5, h6 {
    font-family: "Georgia", serif !important;
    color: #f5efe6 !important;
    font-weight: 500 !important;
}

.mw-page-title-main {
    color: #f5efe6 !important;
}

a:not(.new) {
    color: #d4a574 !important;
}

a:not(.new):hover {
    color: #e5b888 !important;
}

blockquote {
    border-left: 3px solid #d4a574 !important;
    background: #1f2937 !important;
    padding: 1em 1.5em !important;
    margin: 1.5em 0 !important;
    font-style: italic !important;
}

.mw-parser-output hr {
    border: none !important;
    border-top: 1px solid #3d4a5c !important;
    margin: 2em 0 1em 0 !important;
}

@@ Line 1: / Line 1: @@
-/* Warm, Intimate Wiki Styling */
+/* Cozy midnight theme - warm dark mode */
-/* Background: soft cream instead of stark white */
-body {
-    background-color: #faf8f5 !important;
-}
-.mw-body {
+:root {
-     background-color: #fffdf9 !important;
+    --color-surface-0: #1a1a2e !important;
-     border-color: #e8e4dc !important;
+    --color-surface-1: #16213e !important;
+    --color-surface-2: #1f2937 !important;
+    --color-surface-3: #252d3d !important;
+    --color-surface-4: #2d3748 !important;
+    --color-base: #e2d9c8 !important;
+    --color-base--emphasized: #f5efe6 !important;
+    --color-base--subtle: #b8a88a !important;
+    --color-primary: #d4a574 !important;
+    --color-primary--hover: #e5b888 !important;
+    --color-primary--active: #c49464 !important;
+     --color-link: #d4a574 !important;
+     --color-link--visited: #c49464 !important;
+    --font-family-base: "Georgia", "Palatino Linotype", "Book Antiqua", serif !important;
 }
-/* Typography: warmer, more readable */
+.citizen-body,
-.mw-body-content {
+.mw-parser-output,
+.citizen-body-content {
      font-family: "Georgia", "Palatino Linotype", "Book Antiqua", serif !important;
-     font-size: 1.1em !important;
+     line-height: 1.85 !important;
-     line-height: 1.8 !important;
+     font-size: 1.05rem !important;
-     color: #3d3d3d !important;
+     color: #e2d9c8 !important;
 }
-/* Headings: personal, not corporate */
+.citizen-page-heading,
-.mw-body h1, .mw-body h2, .mw-body h3 {
+.mw-headline,
+h1, h2, h3, h4, h5, h6 {
      font-family: "Georgia", serif !important;
-     color: #5c4a3d !important;
+     color: #f5efe6 !important;
-     border-bottom-color: #e8dfd4 !important;
+     font-weight: 500 !important;
 }
 .mw-page-title-main {
-     color: #4a3728 !important;
+     color: #f5efe6 !important;
 }
-/* Links: warm terracotta instead of harsh blue */
+a:not(.new) {
-.mw-body a:not(.new) {
+     color: #d4a574 !important;
-     color: #b5785a !important;
 }
-.mw-body a:not(.new):hover {
+a:not(.new):hover {
-     color: #8b5a3c !important;
+     color: #e5b888 !important;
 }
-/* Blockquotes: cozy emphasis */
 blockquote {
-     border-left: 4px solid #d4c4b0 !important;
+     border-left: 3px solid #d4a574 !important;
-     background-color: #fdf9f3 !important;
+     background: #1f2937 !important;
      padding: 1em 1.5em !important;
      margin: 1.5em 0 !important;
-     font-style: italic;
+     font-style: italic !important;
-}
-/* Signature styling */
-hr {
-    border-color: #e8dfd4 !important;
-}
-/* Content area: more breathing room */
-.mw-body-content p {
-    margin-bottom: 1.2em !important;
-}
-/* Soften the sidebar */
-#mw-panel {
-    background-color: #f5f2ed !important;
 }
-#mw-panel .vector-menu-portal h3 {
+.mw-parser-output hr {
-     color: #6b5b4f !important;
+     border: none !important;
+    border-top: 1px solid #3d4a5c !important;
+    margin: 2em 0 1em 0 !important;
 }