MediaWiki:Citizen.css

/* 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 ); }

/* * Menu * Rich format menu to have more hierarchy .mw-portlet-External { margin-top: var( --space-md ); padding-top: var( --space-sm ); border-top: 1px solid var( --border-color-base ); grid-column: 1 / -1; }

.mw-portlet-External .citizen-menu__heading { display: none; }

.mw-portlet-External ul { display: flex; flex-wrap: wrap; }

/* * Footer icons * We use custom footer icons so we need to fine tune it	opacity: var( --opacity-icon-base ); transition: opacity 250ms ease; }
 * 1) footer-icons a {
 * 1) footer-icons a {

opacity: var( --opacity-icon-base--hover ); }
 * 1) footer-icons a:hover {

opacity: var( --opacity-icon-base--active ); }
 * 1) footer-icons a:active {

/* More space between icons */ gap: var( --space-md ); }
 * 1) footer-icons ul,
 * 2) footer-icons li {

/* Divide footer links into two columns */ column-count: 2; }
 * 1) footer-places {

/* 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-Star_Citizen_Wiki .mw-body-header { display: none; }

/* * Very important checkmark * Blue checkmark near wordmark .mw-logo-wordmark { display: flex; align-items: center; gap: var( --space-sm ); }

.mw-logo-wordmark:after { content: ""; width: 1em; height: 1em; display: block; background-image: url( https://media.starcitizen.tools/5/5f/SCW-Verified.svg ); }