Template:WikiProject Lua header/styles.css

/* backgrounds are set inline by [[TM:Page tabs]] 
 * these could be overwritten here using !important
 */
.template-page-tabs.wp-lua-header > span {
	border-color: #a3a3bf;
}

span.tpl-wp-lua-header__icon {
    display: inline-flex;
    vertical-align: top;
    margin: -5px 0;
}

@media screen {
	html.skin-theme-clientpref-night .template-page-tabs.wp-lua-header > span  {
		border-color: #777692;
	}
	/* override the text colour of the active tab in dark mode*/
	html.skin-theme-clientpref-night .template-page-tabs.wp-lua-header > span > .mw-selflink {
		color: #eaecf0;
	}
}

/* automatic mode */
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .template-page-tabs.wp-lua-header > span  {
		border-color: #777692;
	}
	/* override the text colour of the active tab in dark mode*/
	html.skin-theme-clientpref-os .template-page-tabs.wp-lua-header > span > .mw-selflink {
		color: #eaecf0;
	}
}