MediaWiki:Common.css

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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

:root {
  --ohms-bg: #111318;
  --ohms-panel: #1b1e25;
  --ohms-panel-2: #15181f;
  --ohms-text: #f3f4f6;
  --ohms-soft: #9ca3af;
  --ohms-red: #d91e00;
  --ohms-red-dark: #b71a00;
  --ohms-trim: #2a3d55;
  --ohms-border: #2e3440;
}

html, body {
  background: var(--ohms-bg) !important;
  color: var(--ohms-text) !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

#content,
.mw-body,
.mw-page-container,
.skin-minerva .content,
#mw-content-text,
.mw-parser-output {
  background: var(--ohms-bg) !important;
  color: var(--ohms-text) !important;
  border: none !important;
  box-shadow: none !important;
}

a,
.mw-parser-output a {
  color: var(--ohms-red) !important;
}

a:hover,
.mw-parser-output a:hover {
  color: #ff5b3d !important;
}

h1, h2, h3, h4, h5, h6,
.firstHeading,
#firstHeading {
  color: var(--ohms-text) !important;
  font-weight: 800;
}

h2, h3 {
  border-bottom: 1px solid var(--ohms-trim) !important;
  padding-bottom: 8px;
}

#mw-navigation,
.minerva-header,
header,
nav,
#footer,
.mw-footer {
  background: var(--ohms-panel-2) !important;
  color: var(--ohms-text) !important;
  border-color: var(--ohms-trim) !important;
}

input,
textarea,
select {
  background: var(--ohms-panel) !important;
  color: var(--ohms-text) !important;
  border: 1px solid var(--ohms-border) !important;
  border-radius: 12px !important;
}

button,
input[type="submit"],
input[type="button"],
.mw-ui-button,
a.mw-ui-button {
  background: var(--ohms-red) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  padding: 10px 18px !important;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.mw-ui-button:hover,
a.mw-ui-button:hover {
  background: var(--ohms-red-dark) !important;
}

table,
.wikitable,
.infobox,
.thumbinner,
.mw-message-box,
#toc,
.toc,
.catlinks {
  background: var(--ohms-panel) !important;
  color: var(--ohms-text) !important;
  border: 1px solid var(--ohms-trim) !important;
  border-radius: 18px !important;
}

th,
td {
  border-color: var(--ohms-border) !important;
}

small,
#siteSub,
#contentSub,
.mw-body-content {
  color: var(--ohms-soft) !important;
}

img {
  border-radius: 12px;
}