Skin:Citizen

MediaWiki skins manual - category

Citizen Release status: stable
Description	A beautiful, usable, responsive MediaWiki skin with in-depth extension support. Originally developed for the Star Citizen Wiki.
Author(s)	alistair3149, Octfx
Latest version	3.15.0 (2026-03-25)
Compatibility policy	Master maintains backwards compatibility.
MediaWiki	1.43.0+
Composer	starcitizentools/citizen-skin
License	GNU General Public License 3.0 or later
Download	GitHub: project page git repository URL commit history Readme Changelog
Example	Wikimedia Skin Lab List of curated wikis
Parameters $wgCitizenEnableARFonts $wgCitizenEnableCJKFonts $wgCitizenEnableCollapsibleSections $wgCitizenEnableCommandPalette $wgCitizenEnableDrawerSiteStats $wgCitizenEnableManifest $wgCitizenEnablePreferences $wgCitizenGlobalToolsPortlet $wgCitizenHeaderPosition $wgCitizenManifestOptions $wgCitizenMaxSearchResults $wgCitizenOverflowInheritedClasses $wgCitizenOverflowNowrapClasses $wgCitizenSearchDescriptionSource $wgCitizenSearchGateway $wgCitizenSearchModule $wgCitizenShowPageTools $wgCitizenThemeColor $wgCitizenThemeDefault
Hooks used BeforePageDisplay SidebarBeforeOutput SkinBuildSidebar SkinEditSectionLinks SkinPageReadyConfig SkinTemplateNavigation::Universal
Public wikis using	29 (Ranked 39th)
Public wikis using as default skin	12
Translate the Citizen skin if it is available at translatewiki.net

Citizen is a beautiful, usable, responsive MediaWiki skin that makes extensions part of the cohesive experience. It was initially created for the Star Citizen Wiki but is flexible to run on various MediaWiki configurations.

If you find an issue or there is some improvements that you would like to work on, please feel free to submit patches or report issues over at GitHub. Alternatively you can also use the discussion page for any help regarding the skin.

Notable features

• Responsive layout – Responsive and able to adapt to different screen sizes.
• Command palette – Quick access to everything.
• Light/dark mode – Switch between light and dark mode.
• Cohesive extension styles – Supported extensions blend with the rest of the UI.
• Reading preferences – Adjust page width, font size, and line height.
• Collapsible sections – Collapse and expand article sections.
• Persistent ToC – Access ToC anywhere in the article.
• Progressive Web App – Give a more app-like experience when users add your wiki to their home screen.

Screenshots

• 
  375*667 in light mode
• 
  375*667 in dark mode
• 
  768*1024 in light mode
• 
  768*1024 in dark mode
• 
  1024*768 in light mode
• 
  1024*768 in dark mode
• 
  1200*800 in light mode
• 
  1200*800 in dark mode
• 
  1920*1080 in light mode
• 
  1920*1080 in dark mode
• 
  Command palette
• 
  Navigation menu
• 
  Gallery styles
• 
  Preferences panel
• 
  Personal menu

Installation

• Download and place the file(s) in a directory called Citizen in your skins/ folder.
• Add the following code at the bottom of your LocalSettings.php file:

  wfLoadSkin( 'Citizen' );
  

• Configure as required.
• Done - Navigate to Special:Version on your wiki to verify that the skin is successfully installed.

MobileFrontend

To use Citizen with MobileFrontend , simply add this to your LocalSettings.php:

$wgDefaultMobileSkin = 'citizen';

Configuration

For configuration, visit this site for the latest documentation.

Keyboard shortcuts

• / – Search

The following shortcut keys are a part of MediaWiki core, and it works across all skins.

Depending on the browser used, sometimes ⇧ Shift can be omitted.

• alt+⇧ Shift+f – Search
• alt+⇧ Shift+e – Edit
• alt+⇧ Shift+r – Recent Changes
• alt+⇧ Shift+x – Random Page
• alt+⇧ Shift+h – History
• alt+⇧ Shift+t – Talk Page
• alt+⇧ Shift+z – Main Page