MediaWiki:Citizen.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* All CSS here will be loaded for users of the Citizen skin */
:root {
    /* Pink is the new black */
    --color-primary-oklch__h: 45;
}

:root.citizen-v4 {
    --color-surface-0: light-dark( #f8f0ec, #0d0806 );
}

/* Base container for custom sidebar icons */
#n-All-rules a::before,
#n-Attributes a::before,
#n-Charts a::before {
	font-family: "Font Awesome 6 Free";
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    flex-shrink: 0;
}

#n-All-rules a::before {
    content: "\f02d";
}

#n-Attributes a::before {
    content: "\f1de";
}

#n-Charts a::before {
    content: "\f080";
}