#Mediawiki skin how to#
#Mediawiki skin skin#
#Mediawiki skin code#

Which gateway to use for fetching search suggestion Which ResourceLoader module to use for search suggestion Extend with $wgCitizenTableNowrapClasses = 'my_class' The color defined in the theme-color meta tagĮnable included Noto Sans CJK for wikis that serves CJK languagesĭefines table css classes ignored by citizen table wrapper Use NumberFormatter for site statistics, which allows formatting number in a localized way ID of the portlet to attach the global toolsĮnables the site statistics in drawer menu True - always visible login - visible to logged-in users permission - visible to users with the right permissions Appearance NameĪuto - switch between light and dark according to OS/browser settings light darkĮnables or disable collapsible sections on content pages

#Mediawiki skin how to#

The config flags allow more customization on the specific features in the skin.Ĭheck out this wiki page on how to adapt Citizen styles on your wiki.

#Mediawiki skin skin#

The skin works out of the box without any configurations. ✔️Done - Navigate to Special:Version on your wiki to verify that the skin is successfully installed.

#Mediawiki skin code#

Add the following code at the bottom of your LocalSettings.php and after all other extensions:.

Download place the file(s) in a directory called Citizen in your skins/ folder.

If you are interested in adding skinstyles, please check out this page on the wiki! Installation Some of the field are tagged as N/A because the information was not tracked before. Please feel free to submit PRs if you want to add support for more extensions! Core Name These should be updated to at least Grade B support.

Grade E - Legacy - Dark mode colors are hardcored as LESS variables.

Grade B - Dynamic - Colors are converted into CSS variables, little to none style adjustments.

Grade A - Overhaul - Major adjustments to UI, plus Grade B.

📱Ĭitizen overrides some extension styles through skinStyles that applies custom styling to extensions and core libraries.

Progressive Web App: Give a more app-like experience when user add your wiki to their home screen.

Rich search suggestions: More helpful search suggestions with images and descriptions.

Persistent ToC: Access ToC anywhere in the article.

Collapsible sections: Collapse and expand article sections.

Reading preferences: Adjust page width, font size, and line height.

Improved extension UI: Adjust supported extensions to be more usable and cohesive.

Light/dark mode: Switch between light and dark mode.

Responsive layout: Responsive and able to adapt to different screen sizes.

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