Template:Tanoa navigation/styles.css

.tanoa-navbox {
	border-color: #a8741f;
	background-color: #f8f9fa;
	color: #202122;
}

.tanoa-navbox .navbox-title {
	background-color: #b37c28;
	color: #000;
}

.tanoa-navbox .navbox-group,
.tanoa-navbox .navbox-abovebelow,
.tanoa-navbox .navbox-subgroup .navbox-group {
	background-color: #c48f2d;
	color: #000;
}

.tanoa-navbox .navbox-list,
.tanoa-navbox .navbox-subgroup .navbox-list {
	background-color: #f8f9fa;
	color: #202122;
}

.tanoa-navbox .navbox-list a {
	color: #36c;
}

.tanoa-navbox .navbox-list a.new {
	color: #d33;
}

.tanoa-navbox .navbox-title a,
.tanoa-navbox .navbox-group a,
.tanoa-navbox .navbox-abovebelow a,
.tanoa-navbox .navbox-list .navbox-group a {
	color: #001f3f;
}

.tanoa-navbox .navbox-title a.new,
.tanoa-navbox .navbox-group a.new,
.tanoa-navbox .navbox-abovebelow a.new,
.tanoa-navbox .navbox-list .navbox-group a.new {
	color: #800000;
}

@media screen {
	html.skin-theme-clientpref-night .tanoa-navbox {
		border-color: #8c6818;
		background-color: #1e1e1e;
		color: #fff;
	}

	html.skin-theme-clientpref-night .tanoa-navbox .navbox-list,
	html.skin-theme-clientpref-night .tanoa-navbox .navbox-subgroup .navbox-list {
		background-color: #252525;
		color: #fff;
	}

	html.skin-theme-clientpref-night .tanoa-navbox .navbox-list a {
		color: #88ccff;
	}

	html.skin-theme-clientpref-night .tanoa-navbox .navbox-list a.new {
		color: #ff6b6b;
	}

	html.skin-theme-clientpref-night .tanoa-navbox .navbox-title a,
	html.skin-theme-clientpref-night .tanoa-navbox .navbox-group a,
	html.skin-theme-clientpref-night .tanoa-navbox .navbox-abovebelow a,
	html.skin-theme-clientpref-night .tanoa-navbox .navbox-list .navbox-group a {
		color: #001f3f;
	}

	html.skin-theme-clientpref-night .tanoa-navbox .navbox-title a.new,
	html.skin-theme-clientpref-night .tanoa-navbox .navbox-group a.new,
	html.skin-theme-clientpref-night .tanoa-navbox .navbox-abovebelow a.new,
	html.skin-theme-clientpref-night .tanoa-navbox .navbox-list .navbox-group a.new {
		color: #800000;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .tanoa-navbox {
		border-color: #8c6818;
		background-color: #1e1e1e;
		color: #fff;
	}

	html.skin-theme-clientpref-os .tanoa-navbox .navbox-list,
	html.skin-theme-clientpref-os .tanoa-navbox .navbox-subgroup .navbox-list {
		background-color: #252525;
		color: #fff;
	}

	html.skin-theme-clientpref-os .tanoa-navbox .navbox-list a {
		color: #88ccff;
	}

	html.skin-theme-clientpref-os .tanoa-navbox .navbox-list a.new {
		color: #ff6b6b;
	}

	html.skin-theme-clientpref-os .tanoa-navbox .navbox-title a,
	html.skin-theme-clientpref-os .tanoa-navbox .navbox-group a,
	html.skin-theme-clientpref-os .tanoa-navbox .navbox-abovebelow a,
	html.skin-theme-clientpref-os .tanoa-navbox .navbox-list .navbox-group a {
		color: #001f3f;
	}

	html.skin-theme-clientpref-os .tanoa-navbox .navbox-title a.new,
	html.skin-theme-clientpref-os .tanoa-navbox .navbox-group a.new,
	html.skin-theme-clientpref-os .tanoa-navbox .navbox-abovebelow a.new,
	html.skin-theme-clientpref-os .tanoa-navbox .navbox-list .navbox-group a.new {
		color: #800000;
	}
}