MediaWiki:Gadget-NamespaceColorati.css

Nota: dopo aver pubblicato, potrebbe essere necessario pulire la cache del proprio browser per vedere i cambiamenti.

Firefox / Safari: tieni premuto il tasto delle maiuscole Shift e fai clic su Ricarica, oppure premi Ctrl-F5 o Ctrl-R (⌘-R su Mac)
Google Chrome: premi Ctrl-Shift-R (⌘-Shift-R su un Mac)
Edge: tieni premuto il tasto Ctrl e fai clic su Aggiorna, oppure premi Ctrl-F5.

/* Colori differenziati per namespace sulla skin Vector-2022 */
.ns-talk .mw-page-container,
.ns-talk .vector-header,
.ns-talk #vector-appearance-pinned-container,
.ns-talk #vector-main-menu-pinned-container,
.ns-talk #vector-page-tools-pinned-container {
	background: #ffe;
}
.ns-4 .mw-page-container,
.ns-4 .vector-header,
.ns-4 #vector-appearance-pinned-container,
.ns-4 #vector-main-menu-pinned-container,
.ns-4 #vector-page-tools-pinned-container {
	background: #efe;
}
.ns-8 .mw-page-container,
.ns-8 .vector-header,
.ns-8 #vector-appearance-pinned-container,
.ns-8 #vector-main-menu-pinned-container,
.ns-8 #vector-page-tools-pinned-container {
	background: #f1f1f1;
}
.ns-12 .mw-page-container,
.ns-12 .vector-header,
.ns-12 #vector-appearance-pinned-container,
.ns-12 #vector-main-menu-pinned-container,
.ns-12 #vector-page-tools-pinned-container {
	background: #fee;
}
.ns-100 .mw-page-container,
.ns-100 .vector-header,
.ns-100 #vector-appearance-pinned-container,
.ns-100 #vector-main-menu-pinned-container,
.n2-100 #vector-page-tools-pinned-container {
	background: #f0eeff;
}
.ns-102 .mw-page-container,
.ns-102 .vector-header,
.ns-102 #vector-appearance-pinned-container,
.ns-102 #vector-main-menu-pinned-container,
.ns-102 #vector-page-tools-pinned-container {
	background: #f5fafa;
}

/* Modifiche accessorie */
.vector-sticky-pinned-container::after{
  background: none;
}
#vector-appearance-pinned-container button,
#vector-main-menu-pinned-container button,
#vector-page-tools-pinned-container button{
	border: 1px solid var(--border-color-subtle);
}


/* Modifiche dark mode */
@media screen {
	html.skin-theme-clientpref-night .mw-page-container,
	html.skin-theme-clientpref-night #vector-appearance-pinned-container,
	html.skin-theme-clientpref-night #vector-main-menu-pinned-container,
	html.skin-theme-clientpref-night #vector-page-tools-pinned-container,
	html.skin-theme-clientpref-night .vector-header{
		background-color: var(--background-color-base);
		color: var(--color-base);
	}
	
	html.skin-theme-clientpref-night #vector-appearance-pinned-container button,
	html.skin-theme-clientpref-night #vector-main-menu-pinned-container button,
	html.skin-theme-clientpref-night #vector-page-tools-pinned-container button {
		border: unset;
  }

}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .mw-page-container,
	html.skin-theme-clientpref-os #vector-appearance-pinned-container,
	html.skin-theme-clientpref-os #vector-main-menu-pinned-container,
	html.skin-theme-clientpref-os #vector-page-tools-pinned-container,
	html.skin-theme-clientpref-os .vector-header{
		background-color: var(--background-color-base);
		color: var(--color-base);
	}
	
	html.skin-theme-clientpref-os #vector-appearance-pinned-container button,
	html.skin-theme-clientpref-os #vector-main-menu-pinned-container button
	html.skin-theme-clientpref-os #vector-page-tools-pinned-container button {
		border: unset;
  }
}