MediaWiki:Citizen.css

/* All CSS here will be loaded for users of the Citizen skin */
/* Courtesy of starcitizen.tools */
:root {
    --width-layout: 1280px; /* Slightly wider content */
}

/* Adjust primary color 
:root {
	--color-primary__h: 205;
}

/* Adjust contrast since we changed primary color
:root.skin-citizen-dark {
	--color-primary__l: 56%;
}
*/

/* Align icon opacity with skin default */
.mw-logo-icon {
	opacity: var( --opacity-icon-base );
}

/*
 * Footer icons
 * We use custom footer icons so we need to fine tune it

/* More space between icons
#footer-icons ul {
	gap: var( --space-md );
}
*/

/* Darken the footer icon in light mode */
.skin-citizen-light #footer-icons a {
	filter: invert( 1 ) hue-rotate( 180deg );
}

/* Lighten the icon in dark mode */
.skin-citizen-dark .mw-logo-icon {
	filter: invert( 1 ) hue-rotate( 180deg );
}

/* Hide main page header */
.page-Página_principal .mw-body-header {
	display: none;
}

.skin-citizen-dark .suenawiki-table td {
	color: #202122;
}

.skin-citizen-dark .suenawiki-table th {
	font-weight: bold;
}

.skin-citizen-light .suenawiki-table td {
	color: #202122;
}

.skin-citizen-light .suenawiki-table th {
	font-weight: bold;
}

/* Background responsive para las plantillas */

.bgesp {
	background-color:#f9fafb;
}

.skin-citizen-dark .bgesp {
	background-color: #1d2830;
}

/* Color de letra Púrpura para las plantillas */

.purpura {
	color:#520044;
}

.skin-citizen-dark .purpura {
	color: #df00b9;
}