MediaWiki:Common.css/src/extension/WikiEditor/toolbar.scss

/********* Extension:WikiEditor toolbar *********/

/* overwriting styles from here:
 * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/master/modules/jquery.wikiEditor.toolbar.less */


.wikiEditor-ui-toolbar {
	.sections .section {
		border-top-color: var(--ooui--textarea-border-color);
	}

	.tabs span.tab {
		a {
			color: var(--theme-link-color);

			&:before {
				filter: var(--ooui--icon-normal-filter);
			}
		}
		a.current,
		a.current:visited {
			color: var(--theme-text-color);
		}
	}

	.group {
		.label {
			color: var(--ooui--textarea-placeholder-color);
		}
		.tool-select {
			.label {
				color: var(--theme-text-color);

				&:after {
					filter: var(--ooui--icon-normal-filter);
				}
			}
			.options {
				border-color: var(--ooui--menuselect-border-color);
				background-color: var(--ooui--menuselect-background-color);

				.option {
					color: var(--theme-text-color);
				}
			}
		}
	}

	.page-table {
		th {
			color: var(--ooui--disabled-color);
		}
		td {
			color: var(--theme-text-color);
			border-top-color: var(--ooui--menuselect-border-color);
		}
	}

	.page-characters {
		div span {
			border-color: var(--ooui--tagitem-border-color);
			color: var(--theme-text-color);
			height: unset;

			&:hover {
				background-color: var(--ooui--menuselect-highlighted-background-color);
				border-color: var(--ooui--tagitem-border-color--hover);
			}
		}
	}
}

/* overwriting styles from here:
 * https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/extensions/WikiEditor/+/refs/heads/master/modules/jquery.wikiEditor.toolbar-wikimedia.less */

.wikiEditor-ui-toolbar {
	background-color: var(--theme-content-background);

	.group {
		border-color: var(--ooui--menuselect-border-color);

		.tool-select .menu .options .option:hover {
			background-color: var(--ooui--menuselect-highlighted-background-color);
		}
	}

	.booklet > .index {
		> :hover {
			background-color: var(--ooui--menuselect-highlighted-background-color);
		}
		> .current {
			background-color: var(--ooui--menuselect-selected-background-color);
			color: var(--theme-link-color);
		}
	}
}

.tool-button,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
	&:hover {
		background-color: var(--ooui--menuselect-highlighted-background-color);
	}
}