MediaWiki:Common.css: Difference between revisions

Revision as of 03:52, 4 April 2026

: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;
}

@@ Line 1: / Line 1: @@
-/* ===== OHMS Wiki theme ===== */
 :root {
-   --ohms-bg: #0d0f14;
+   --ohms-bg: #111318;
-   --ohms-surface: #1a1d24;
+   --ohms-panel: #1b1e25;
-   --ohms-surface-2: #11141a;
+   --ohms-panel-2: #15181f;
    --ohms-text: #f3f4f6;
-   --ohms-text-soft: #9ca3af;
+   --ohms-soft: #9ca3af;
    --ohms-red: #d91e00;
-   --ohms-red-dark: #b31800;
+   --ohms-red-dark: #b71a00;
-   --ohms-trim: #24364d;
+   --ohms-trim: #2a3d55;
-   --ohms-border: #2a3240;
+   --ohms-border: #2e3440;
 }
-/* Base */
+html, body {
-html,
-body {
    background: var(--ohms-bg) !important;
    color: var(--ohms-text) !important;
@@ Line 21: / Line 17: @@
 }
-/* Links */
-a,
-.mw-parser-output a {
-  color: var(--ohms-red) !important;
-}
-a:visited,
-.mw-parser-output a:visited {
-  color: #ff5a3d !important;
-}
-a:hover,
-.mw-parser-output a:hover {
-  color: #ff6a4f !important;
-  text-decoration: underline;
-}
-/* Main containers */
 #content,
 .mw-body,
 .mw-page-container,
-.vector-body,
 .skin-minerva .content,
 #mw-content-text,
@@ Line 52: / Line 29: @@
 }
-/* Header / nav */
+a,
-#mw-navigation,
+.mw-parser-output a {
-.vector-header,
+   color: var(--ohms-red) !important;
-.minerva-header,
-#p-navigation,
-#p-personal,
-#left-navigation,
-#right-navigation,
-header,
-nav {
-  background: var(--ohms-surface-2) !important;
-   color: var(--ohms-text) !important;
-  border-bottom: 1px solid var(--ohms-trim) !important;
 }
-/* Footer */
+a:hover,
-#footer,
+.mw-parser-output a:hover {
-.mw-footer {
+   color: #ff5b3d !important;
-  background: var(--ohms-surface-2) !important;
-   color: var(--ohms-text-soft) !important;
-  border-top: 1px solid var(--ohms-trim) !important;
 }
-/* Headings */
 h1, h2, h3, h4, h5, h6,
 .firstHeading,
@@ Line 81: / Line 44: @@
    color: var(--ohms-text) !important;
    font-weight: 800;
-  letter-spacing: -0.02em;
 }
-h2,
+h2, h3 {
-h3 {
    border-bottom: 1px solid var(--ohms-trim) !important;
    padding-bottom: 8px;
 }
-/* Secondary text */
+#mw-navigation,
-.mw-body-content,
+.minerva-header,
-#siteSub,
+header,
-#contentSub,
+nav,
-.mw-credits,
+#footer,
-.mw-footer-info,
+.mw-footer {
-.mw-ui-quiet,
+  background: var(--ohms-panel-2) !important;
-.mw-comment,
+  color: var(--ohms-text) !important;
-small {
+  border-color: var(--ohms-trim) !important;
-   color: var(--ohms-text-soft) !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;
 }
-/* Buttons */
 button,
 input[type="submit"],
@@ Line 109: / Line 77: @@
 a.mw-ui-button {
    background: var(--ohms-red) !important;
-   color: #ffffff !important;
+   color: #fff !important;
    border: none !important;
    border-radius: 14px !important;
+  font-weight: 700 !important;
    padding: 10px 18px !important;
-  font-weight: 700 !important;
-  box-shadow: none !important;
 }
@@ Line 123: / Line 90: @@
 a.mw-ui-button:hover {
    background: var(--ohms-red-dark) !important;
-  color: #ffffff !important;
 }
-/* Inputs */
-input,
-textarea,
-select {
-  background: var(--ohms-surface) !important;
-  color: var(--ohms-text) !important;
-  border: 1px solid var(--ohms-border) !important;
-  border-radius: 12px !important;
-  box-shadow: none !important;
-}
-input:focus,
-textarea:focus,
-select:focus {
-  outline: none !important;
-  border-color: var(--ohms-red) !important;
-}
-/* Tables / infoboxes / wiki boxes */
 table,
 .wikitable,
@@ Line 150: / Line 97: @@
 .thumbinner,
 .mw-message-box,
-pre,
+#toc,
-code {
+.toc,
-   background: var(--ohms-surface) !important;
+.catlinks {
+   background: var(--ohms-panel) !important;
    color: var(--ohms-text) !important;
    border: 1px solid var(--ohms-trim) !important;
@@ Line 163: / Line 111: @@
 }
-th {
+small,
-  background: var(--ohms-surface-2) !important;
+#siteSub,
-  color: var(--ohms-text) !important;
+#contentSub,
-}
-/* Page tabs / menus */
-.vector-menu,
-.vector-tab-noicon,
-.vector-pinnable-element,
-.portal,
-.mw-portlet {
-  background: transparent !important;
-  color: var(--ohms-text) !important;
-}
-/* Lists and page text */
 .mw-body-content {
-  font-size: 17px;
+   color: var(--ohms-soft) !important;
-  line-height: 1.75;
-}
-/* Category / special page boxes */
-.catlinks,
-#toc,
-.toc,
-.mw-warning,
-.notice,
-.successbox,
-.errorbox {
-  background: var(--ohms-surface) !important;
-  color: var(--ohms-text) !important;
-  border: 1px solid var(--ohms-trim) !important;
-  border-radius: 18px !important;
-}
-/* Search */
-#searchInput,
-.cdx-text-input__input {
-  background: var(--ohms-surface) !important;
-  color: var(--ohms-text) !important;
-  border: 1px solid var(--ohms-border) !important;
-}
-/* Red accent on important labels */
-.mw-parser-output .mw-headline,
-.vector-tab-noicon a,
-.minerva__tab,
-#p-personal a:hover,
-#mw-panel a:hover {
-   color: var(--ohms-red) !important;
 }
-/* Images */
 img {
    border-radius: 12px;
-}
-/* Make cards/boxes feel like the app */
-.thumbinner,
-.infobox,
-.wikitable,
-.catlinks,
-#toc,
-.toc,
-.mw-message-box {
-  overflow: hidden;
-}
-/* Mobile feel */
-.skin-minerva .minerva-header,
-.skin-minerva .content {
-  background: var(--ohms-bg) !important;
-  color: var(--ohms-text) !important;
 }

MediaWiki:Common.css: Difference between revisions

Revision as of 03:52, 4 April 2026

Navigation menu

Search