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.
/* 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;
}