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 Styling for Citizen Skin */
+/* Cozy midnight theme - warm dark mode */
-/* Warm background colors */
 :root {
-     --color-surface-0: #faf8f5 !important;
+     --color-surface-0: #1a1a2e !important;
-     --color-surface-1: #fffdf9 !important;
+     --color-surface-1: #16213e !important;
-     --color-surface-2: #f5f2ed !important;
+     --color-surface-2: #1f2937 !important;
-     --color-base: #3d3d3d !important;
+    --color-surface-3: #252d3d !important;
-     --color-base--subtle: #5c4a3d !important;
+    --color-surface-4: #2d3748 !important;
-     --color-primary: #b5785a !important;
+    --color-base: #e2d9c8 !important;
-     --color-primary--hover: #8b5a3c !important;
+     --color-base--emphasized: #f5efe6 !important;
-     --color-link: #b5785a !important;
+     --color-base--subtle: #b8a88a !important;
-     --color-link--hover: #8b5a3c !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;
 }
-/* Warm serif typography */
+.citizen-body,
-.citizen-body, .mw-parser-output {
+.mw-parser-output,
+.citizen-body-content {
      font-family: "Georgia", "Palatino Linotype", "Book Antiqua", serif !important;
-     line-height: 1.8 !important;
+     line-height: 1.85 !important;
-     color: #3d3d3d !important;
+    font-size: 1.05rem !important;
+     color: #e2d9c8 !important;
 }
-/* Headings */
+.citizen-page-heading,
-.citizen-page-heading, .mw-headline, h1, h2, h3 {
+.mw-headline,
+h1, h2, h3, h4, h5, h6 {
      font-family: "Georgia", serif !important;
-     color: #4a3728 !important;
+     color: #f5efe6 !important;
+    font-weight: 500 !important;
 }
-/* Footer warm tones */
+.mw-page-title-main {
-.citizen-footer {
+     color: #f5efe6 !important;
-     background-color: #e8dfd4 !important;
 }
-/* Header bar warm accent */
+a:not(.new) {
-.citizen-header {
+     color: #d4a574 !important;
-     background-color: #faf8f5 !important;
-    border-bottom: 1px solid #e8dfd4 !important;
 }
-/* Search and menu icons */
+a:not(.new):hover {
-.citizen-header__logo {
+     color: #e5b888 !important;
-     color: #5c4a3d !important;
 }
-/* Body content area */
+blockquote {
-.citizen-body-container {
+    border-left: 3px solid #d4a574 !important;
-     background-color: #fffdf9 !important;
+     background: #1f2937 !important;
+    padding: 1em 1.5em !important;
+    margin: 1.5em 0 !important;
+    font-style: italic !important;
 }
-/* Signature link styling */
+.mw-parser-output hr {
-.mw-parser-output a {
+     border: none !important;
-     color: #b5785a !important;
+     border-top: 1px solid #3d4a5c !important;
-}
+     margin: 2em 0 1em 0 !important;
-.mw-parser-output a:hover {
-    color: #8b5a3c !important;
-}
-/* Horizontal rule */
-hr {
-     border-color: #e8dfd4 !important;
-}
-/* Footer text */
-.citizen-footer__brand {
-     color: #5c4a3d !important;
 }