Citizen is a responsive skin for MediaWiki built by the Star Citizen Wiki team. Although it is specifically built for the Star Citizen Wiki, the skin is designed to be flexible to run on any Mediawiki installation that is 1.35.2 or higher. Due to resource constraints, we might not be able to provide full support for setups that are vastly different than us, but please feel free to submit patches or bug report!
Fully responsive skin: Responsive and able to adapt to different screen sizes. π±π»π₯οΈ
Light/dark mode support: Switch between light and dark mode. Require JS βοΈπ
Adjustable font size and page width: Read the article the way you wanted. Require JS ππ
Collapsible sections: Collapse and expand article sections. Require JS ππ
Persistent ToC: Access ToC anywhere in the article. Tracking require JS ππ
Rich search suggestions: More helpful search suggestions with images and descriptions. Require JS ππ
Webapp manifest: Give a more app-like experience when user add your wiki to their home screen. π±
SkinStyles
Citizen includes numerous skinStyles that applies custom styling to extensions and core libraries. Please feel free to submit PRs if you want to add support for more extensions! Unless the extension has never supported the current minimum required MediaWiki version of the skin, the skinStyles are based on the latest version of the said MW release branch (e.g. REL1_35 for MediaWiki 1.35).
Grade A - Overhaul - Major adjustments to UI, plus Grade B.
Grade B - Dynamic - Colors are converted into CSS variables, little to none style adjustments.
Grade E - Legacy - Dark mode colors are hardcored as LESS variables. These should be updated to at least Grade B support.
Some of the field are tagged as N/A because the information was not tracked before.
If you are interested in adding skinstyles, please check out this page on the wiki!
Installation
Download place the file(s) in a directory called Citizen in your skins/ folder.
Add the following code at the bottom of your LocalSettings.php:
wfLoadSkin( 'Citizen' );
βοΈDone - Navigate to Special:Version on your wiki to verify that the skin is successfully installed.
Configurations
The skin works out of the box without any configurations.
The config flags allow more customization on the specific features in the skin.
Check out this wiki page on how to adapt Citizen styles on your wiki.
Appearance
Name
Description
Values
Default
$wgCitizenThemeDefault
The default theme of the skin
auto - switch between light and dark according to OS/browser settings; light; dark
auto
$wgCitizenEnableCollapsibleSections
Enables or disable collapsible sections on content pages
true - enable; false - disable
true
$wgCitizenShowPageTools
The condition of page tools visibility
true - always visible; login - visible to logged-in users; permission - visible to users with the right permissions
true
$wgCitizenEnableDrawerSiteStats
Enables the site statistics in drawer menu
true - enable; false - disable
true
$wgCitizenPortalAttach
Label of the portal to attach links to upload and special pages to
string
first
$wgCitizenThemeColor
The color defined in the theme-color meta tag
Hex color code
#131a21
Search suggestions
Name
Description
Values
Default
$wgCitizenEnableSearch
Enable or disable rich search suggestions
true - enable; false - disable
true
$wgCitizenSearchGateway
Which gateway to use for fetching search suggestion
mwActionApi; mwRestApi
mwActionApi
$wgCitizenSearchDescriptionSource
Source of description text on search suggestions (only takes effect if $wgCitizenSearchGateway is mwActionApi)
wikidata - Use description provided by WikibaseLib or ShortDescription; textextracts - Use description provided by TextExtracts; pagedescription - Use description provided by Description2 or any other extension that sets the description page property