Skin talk:Citizen

Is there a way to disable it through a config? Thanks!

What would be the use case here? You can modify the appearance via CSS if you don't like the default look.

The use case would be to disable it. The way we have styled the site makes pure black mode do next to nothing - and we would rather have just light and dark mode. Thanks.

I'm trying Citizen as a default for my site and infoboxes are getting cut off from the side on mobile. Also some of the subheadings colors need to be updated for dark. e.g. https://encyc.org/wiki/World_War_II It works fine with MinervaNeue.

MinervaNeue comes with some opinionated styles override for infobox specifically, and Citizen doesn't do it for compatibility reasons.

As for dark mode and the responsiveness, since it is a custom template, it should be handled on the wiki through CSS.

https://github.com/StarCitizenTools/mediawiki-skins-Citizen/wiki/Using-Citizen-styles might help

seems to be normal behavior when screen size is changed.

Ive recently picked up the Citizen skin since it looks absolutely amazing and been trying to replicate the general layout of the main page from the star citizen wiki.

Im wondering how they hid the elements at the top of the page. Ive already succeeded in removing the page title from the main page using MediaWiki:Mainpage-title and MediaWiki:Mainpage-title-loggedin but Im not sure how to also hide the subtitle right bellow the title itself and the other control elements on the top right of the page.

Since a lot of folks are asking for something similar, we have implemented the styles needed to shift the page tools to the bottom of the page for main page. You can update to the latest main branch of Citizen and check it out!

Updated and Im happy to say that I love the changes. Thank you :)

Is there any way to force the Citizen skin into dark mode temporarily by adding to the URL like with these skins?

Manual:Dark mode#Forcing dark mode temporarily

There isn't a way to do it with URL. May I ask what the use case is for that?

Hello, first off, great looking skin! I am hoping we can use it for our wiki.

We have wide sortable tables on our Wiki - on the Desktop it looks fine with a wide monitor, but when viewing on a portrait mobile phone, it does not allow scrolling to the right to view the whole table.

Screenshot from iPhone:

https://imgur.com/a/zP0Dl2K

(The width of the page cuts if off at Manufacturer, and cannot scroll over to view the rest of the table)

Screenshot from Desktop:

https://imgur.com/a/Y9QTy6h

Live page link:

https://cptdb.ca/wiki/index.php/York_University_Shuttle

Is there a suggested fix for this? Thank you so much for the great work!

There are two ways to approach it. You can either add the wikitable class to the table (which also applies Citizen's table styling) or citizen-overflow class to anything that might overflow.

Just a quick tip for others who might be using Extension:HitCounters. If you see ⧼citizen-page-info-viewcount⧽ above your page count, it can be fixed by editing MediaWiki:Citizen-page-info-viewcount to put in your phrase of choice.

I've looked everywhere to try and understand which setting I need to add to the LocalSettings.php to enable or disable this as default. On mobile, the navigation bar is defaulted to hide automatically, I'd like to charge that.

There isn't a way to set as default yet. But it can be set per user under the preference menu (the gear icon on the navbar).

Thanks Alistair! Incredible skin by the way. Would be a great feature to have of possible.

Hi everyone, I really like the Citizen skin, but when I try to activate it in LocalSettings.php, the site stops responding. Can you help me fix this?

Does it throw any error messages when you try to use the skin, or do you only get a white site? If so, which one? (You may need to temporarily enable debugging in your LocalSettings.php for exceptions to show: Manual:How to debug).

And which MediaWiki, MySql and PHP versions are using (you can find this information on your Special:Version page)?

Hi, I'm trying to build a splash page for a project, but every time I use a header it creates a collapsible section. I'd like to just have a Header without the carrot. How or where should I look to change this feature?

I guess you should add this to the LocalSettings.php:

$wgCitizenEnableCollapsibleSections = false;