Skin talk:Citizen/Flow

JSON error in widget breaks skin

Your skin is incompatible with VisualEditor. See https://www.mediawiki.org/wiki/Extension:VisualEditor/Skin_requirements for the requirements.

Is there a way to fix this?

Ok, turns out it's a widget (Widget:Audio) whose JS code pops an unexpected end of JSON error that breaks the skin...

Hello! I'm wondering if I'm able to style the Pure Black mode. I know that .skin-theme-clientpref-day, .skin-theme-clientpref-night, and .skin-theme-clientpref-os exists, but I would like to be able to style the Pure Black mode since the way I styled dark mode makes it look kinda useless.

Not sure how much this is of help: https://github.com/StarCitizenTools/mediawiki-skins-Citizen/wiki/Using-Citizen-styles

I have read it, but it documents only about light, dark, and automatic mode. It doesn't mention anything about pure black mode.

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.