MediaWiki:Common.css/sandbox - Revision history

EvoBot: Give the MediaWiki/Codex design tokens dark values so components theme themselves

2026-09-05T12:06:58Z

Give the MediaWiki/Codex design tokens dark values so components theme themselves

@@ Line 50: / Line 50: @@
              var(--steel) 32%, var(--steel) 100%);
      --mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
+}
@@ Line 742: / Line 788: @@
 .editOptions label {
      color: var(--text);
+}

EvoBot: Dark fieldsets and the changes-list legend

2026-09-05T12:02:44Z

Dark fieldsets and the changes-list legend

@@ Line 741: / Line 741: @@
 .mw-editform .editCheckboxes label,
 .editOptions label {
      color: var(--text);
+}

EvoBot: Dark theme for OOUI dialogs, menus, inputs and the VisualEditor surface

2026-09-05T12:01:42Z

Dark theme for OOUI dialogs, menus, inputs and the VisualEditor surface

Show changes

EvoBot: Stop the dark skin text colour leaking into OOUI and VisualEditor dialogs

2026-09-05T11:53:20Z

Stop the dark skin text colour leaking into OOUI and VisualEditor dialogs

@@ Line 588: / Line 588: @@
 li.gallerybox {
      background: transparent;
+}

EvoBot: Dark frames for thumbnails, captions and galleries

2026-09-05T11:49:05Z

Dark frames for thumbnails, captions and galleries

@@ Line 544: / Line 544: @@
 .mw-pt-languages-list li:has(> a:empty) {
      display: none;
+}

EvoBot: Readable section numbers in the table of contents

2026-09-05T11:47:46Z

Readable section numbers in the table of contents

@@ Line 291: / Line 291: @@
      color: #21506b;
      opacity: 1;
+}

EvoBot: Stop overriding tab geometry: draw the border with an inset shadow so Vector own padding still positions labels and the watch icon; lighter selected tab for readable dark text

2026-09-05T11:45:23Z

Stop overriding tab geometry: draw the border with an inset shadow so Vector own padding still positions labels and the watch icon; lighter selected tab for readable dark text

@@ Line 185: / Line 185: @@
 .vector-menu-dropdown .vector-menu-heading {
      background: var(--steel-dark);
-     border: 1px solid var(--panel-border);
+     box-shadow:
-    border-bottom: 0;
+        inset 1px 0 0 var(--panel-border),
      border-radius: 4px 4px 0 0;
+}
 .vector-menu-tabs li.selected {
-     background: var(--steel-gloss), var(--steel-texture), var(--steel-body);
+     background: linear-gradient(180deg, #737a83 0%, #5c636b 100%);
+}
@@ Line 202: / Line 204: @@
 .vector-menu-tabs li.selected a,
 .vector-menu-tabs li.selected a span {
-     color: var(--steel-ink);
+     color: #0d1116;
      font-weight: 600;
+}

EvoBot: Keep the icon-only watch tab drawable: it paints a background image, so it needs width instead of flex padding

2026-09-05T11:40:08Z

Keep the icon-only watch tab drawable: it paints a background image, so it needs width instead of flex padding

← Older revision		Revision as of 11:40, 5 September 2026
Line 211:		Line 211:
	}		}

	.vector-menu-tabs li a,		.vector-menu-tabs li:not(.icon) a,
	.vector-menu-tabs li.selected a {		.vector-menu-tabs li.selected:not(.icon) a {
	display: flex;		display: flex;
	align-items: center;		align-items: center;
Line 218:		Line 218:
	padding: 0 .7em !important;		padding: 0 .7em !important;
	line-height: 1;		line-height: 1;
			}

			.vector-menu-tabs li.icon a {
			display: block;
			height: 100%;
			width: 2em;
			padding: 0 !important;
			background-position: center center !important;
			background-repeat: no-repeat !important;
	}		}

EvoBot: Align the More dropdown with the tab row

2026-09-05T11:35:15Z

Align the More dropdown with the tab row

← Older revision		Revision as of 11:35, 5 September 2026
Line 223:		Line 223:
	.vector-menu-tabs li a .mw-ui-icon {		.vector-menu-tabs li a .mw-ui-icon {
	margin: 0;		margin: 0;
			}

			.vector-menu-dropdown .vector-menu-heading {
			height: 2.5em;
			display: flex;
			align-items: center;
			padding: 0 1.4em 0 .7em;
			line-height: 1;
	}		}

EvoBot: Centre tab labels with a fixed tab height instead of the sprite-era padding

2026-09-05T11:34:35Z

Centre tab labels with a fixed tab height instead of the sprite-era padding

@@ Line 204: / Line 204: @@
      color: var(--steel-ink);
      font-weight: 600;
+}