Skin talk:Chameleon

Jump to navigation Jump to search

About this board

Legaulph (talkcontribs)

I'm upgrading From:

MediaWiki         1.31.1
PHP        7.1.30 (apache2handler)
MySQL  5.6.10
Semantic MediaWiki       2.5.8
Chameleon 1.7.1 


MediaWiki         1.33.2
PHP        7.1.30 (apache2handler)
MySQL  5.6.41-log
Semantic MediaWiki       3.1.3
Chameleon 2.1.0

in my LocalSettings I had set

$egChameleonExternalLessVariables = array(
   'navbar-height' => '65px',
   '@container-lg' => '100%',

this no longer works. Is it possible to get the working again?

F.trott (talkcontribs)
Reply to "Full width container"

How to define or modify icons?

T0lk (talkcontribs)

Extension:Echo adds some notifications that appear to be broken in the skin, see:

I'm wondering how these can be fixed? It seems like this may be controlled by chameleon/resources/styles/_variables.scss under $cmln-icons: map-merge((... but I don't know how to add new properties here.

In File:ChameleonSkinNav.png this image there are icons next to each of the links like "Recent Changes". Any way to add icons next to other things, or remove those icons? Here is what it looks like on my wiki: (talkcontribs)

I have the exakt same problem, the icons show up 2.5 times in the menu.

Reply to "How to define or modify icons?"

Broken with MW 1.33.0 upgrade

Summary by F.trott

After upgrading MW with Softaculous, Composer and maintenance/update.php have to be run.

Grlucas (talkcontribs)

Hello, all. After upgrading to MediaWiki 1.33.0, I get the following error trying to load my site.

Fatal error: Uncaught UnexpectedValueException: callback 'Skins\Chameleon\Chameleon::init' is not callable in /home/grlumjcd/public_html/includes/registration/ExtensionRegistry.php:405 Stack trace: #0 /home/grlumjcd/public_html/includes/registration/ExtensionRegistry.php(173): ExtensionRegistry->exportExtractedData(Array) #1 /home/grlumjcd/public_html/includes/Setup.php(127): ExtensionRegistry->loadFromQueue() #2 /home/grlumjcd/public_html/includes/WebStart.php(77): require_once('/home/grlumjcd/...') #3 /home/grlumjcd/public_html/index.php(39): require('/home/grlumjcd/...') #4 {main} thrown in /home/grlumjcd/public_html/includes/registration/ExtensionRegistry.php on line 405

I tried to upgrade the skin (composer update "mediawiki/chameleon-skin") but I get a series of errors there, too:

> ComposerHookHandler::onPreUpdate

Loading composer repositories with package information

Updating dependencies (including require-dev)

Your requirements could not be resolved to an installable set of packages.

  Problem 1

   - The requested package oojs/oojs-ui (locked at v0.29.2, required as 0.31.3) is satisfiable by oojs/oojs-ui[v0.29.2] but these conflict with your requirements or minimum-stability.

  Problem 2

   - The requested package pear/net_smtp (locked at 1.8.0, required as 1.8.1) is satisfiable by pear/net_smtp[1.8.0] but these conflict with your requirements or minimum-stability.

  Problem 3

   - The requested package wikimedia/ip-set (locked at 1.3.0, required as 2.0.1) is satisfiable by wikimedia/ip-set[1.3.0] but these conflict with your requirements or minimum-stability.

  Problem 4

   - The requested package wikimedia/php-session-serializer (locked at v1.0.6, required as 1.0.7) is satisfiable by wikimedia/php-session-serializer[v1.0.6] but these conflict with your requirements or minimum-stability.

  Problem 5

   - The requested package wikimedia/scoped-callback (locked at v2.0.0, required as 3.0.0) is satisfiable by wikimedia/scoped-callback[v2.0.0] but these conflict with your requirements or minimum-stability.

  Problem 6

   - The requested package wikimedia/xmp-reader (locked at 0.6.0, required as 0.6.2) is satisfiable by wikimedia/xmp-reader[0.6.0] but these conflict with your requirements or minimum-stability.

  Problem 7

   - The requested package mediawiki/mediawiki-codesniffer (locked at v22.0.0, required as 25.0.0) is satisfiable by mediawiki/mediawiki-codesniffer[v22.0.0] but these conflict with your requirements or minimum-stability.

  Problem 8

   - The requested package nikic/php-parser (locked at v3.1.3, required as 3.1.5) is satisfiable by nikic/php-parser[v3.1.3] but these conflict with your requirements or minimum-stability.

  Problem 9

   - The requested package psy/psysh (locked at v0.9.6, required as 0.9.9) is satisfiable by psy/psysh[v0.9.6] but these conflict with your requirements or minimum-stability.

  Problem 10

   - The requested package jetbrains/phpstorm-stubs (locked at dev-master) is satisfiable by jetbrains/phpstorm-stubs[dev-master] but these conflict with your requirements or minimum-stability.

  Problem 11

   - don't install symfony/polyfill-mbstring v1.11.0|remove mediawiki/core No version set (parsed as 1.0.0)

   - don't install symfony/polyfill-mbstring v1.11.0|remove mediawiki/core No version set (parsed as 1.0.0)

   - Installation request for mediawiki/core No version set (parsed as 1.0.0) -> satisfiable by mediawiki/core[No version set (parsed as 1.0.0)].

   - Installation request for symfony/polyfill-mbstring (locked at v1.11.0) -> satisfiable by symfony/polyfill-mbstring[v1.11.0].

Any help would be appreciated.

F.trott (talkcontribs)

How did you upgrade MW?

Grlucas (talkcontribs)

I used Softaculous through my web host, and it hasn't been a problem so far.

F.trott (talkcontribs)

I don't know how that works, but it seems that it has left your composer files (or your whole MW installation) in an inconsistent state. From the error messages you can see that MW 1.33 requires higher versions than are installed, e.g. oojs/oojs-ui (installed: v0.29.2, required: 0.31.3). It could just be a bookkeeping issue. It could also be that Softaculous just downloads the new MW version, but does not update the packages it depends on.

My advice would be to

  • make a backup
  • run composer update from the MW install directory (this should update all packages MW depends on, incl. Chameleon)
  • run php maintenance/update.php from the MW install directory (this should update the database to make sure it is compatible with your new MW version)
Grlucas (talkcontribs)

Thanks for the suggestions. I've not had the opportunity to try this yet, but I will report back.

Grlucas (talkcontribs)

@F.trott: OK, I followed your steps, then updated. Still the same errors. Then I tried to update composer, then Chameleon, and it worked. I'm thinking it would have worked the last time, too. I'll have to remember to include composer in any of my upgrades from now on. Thanks!

Kbessonov1984 (talkcontribs)

Me too! After automatic update to wiki 1.33.2 version I started to have the same error. I noticed that my composer.local.json file was missing the "require": {"mediawiki/chameleon-skin": "~2.0"} statement. I then run php -d allow_url_fopen=on /opt/cpanel/composer/bin/composer update --no-dev "mediawiki/chameleon-skin" and everything started to work again

Reply to "Broken with MW 1.33.0 upgrade"

FYI this skin works nearly out of the box with VisualEditor

T0lk (talkcontribs)

Extension:VisualEditor says it will only work with a limited number of skins, however it can use Chameleon too. On my wiki the only thing that doesn't work is the progress bar when you edit or save a page that doesn't show up.

F.trott (talkcontribs)

Thanks for the info! I'll look into it.

Chameleon is indeed supposed to work with VE. The only problem is that VE is (still) under development with frequent changes to the user interface, so it is somewhat of a moving target when it comes to integrating it.

I opened a task here:

T0lk (talkcontribs)

Just want to update that the progress bar now appears and VisualEditor works as expected. Not sure what changed, but upgrades to Core 1.29.2 plus the latest VE extensions were installed recently.

2605:8D80:6A0:B9C:F14D:6ACA:754A:68CB (talkcontribs)

It works on wiki 1.33 and chameleon 2.0. just need to be careful with the release version of VisualEditor as even version 1.32 does not work (fails to load with no error messages anyware), only 1.33

Reply to "FYI this skin works nearly out of the box with VisualEditor"

Trouble setting egChameleonExternalStyleVariables using key, value below

1 (talkcontribs)
$cmln-link-colors (new: #dc3545 none #a71d2a underline, stub: #1b599b none #10345a underline, extiw: #1b599b none #10345a underline, external: #1b599b none #10345a underline)

How would I set this? I tried doing it like follows but it does not work.

$egChameleonExternalStyleVariables = [

    'cmln-link-colors' => '(new: #dc3545 none #a71d2a underline, stub: #1b599b none #10345a underline, extiw: #1b599b none #10345a underline, external: #1b599b none #10345a underline)',


Reply to "Trouble setting egChameleonExternalStyleVariables using key, value below"

Full Page Width For Forms and Tabs

Summary by GMShimokura

I have gotten it to work, by putting in my LocalSettings.php file the following:

$egChameleonExternalStyleVariables = [

        'grid-breakpoints'      => '(xs: 0, sm: 576px, md: 768px, lg: 992px, cmln: 1280px, xl: 1600px)',

        'cmln-collapse-point'   => '1280px',

        'container-max-widths'  => '(sm: 100%, md: 100%, lg: 100%, xl: 100%)',


I may need to tweak these values as I test further.

GMShimokura (talkcontribs)

I was wondering if there is a way in MW

Product Version
MediaWiki 1.33.1
PHP 7.2.21 (apache2handler)
MySQL 5.6.22
ICU 58.1

Chameleon Skin

Chameleon 2.1.0


Page Forms 4.6 (19bcb60)2019-10-31T04:29:20

and Header Tabs

Header Tabs 1.2 (6f16312)2019-11-04T15:49:12

To specify in LocalSetting.php to have everything display in Full Screen Width?

I haven't been able to try the solution shown at: Topic:Rwtgg8mhfi98avo8 because I don't have a fixes.less file and I don't see how to change LocalSettings.php because the variable mentioned is not part of the Chameleon SCSS variable list.

Am I missing something fundamental to make this work?


Runette (talkcontribs)

I have installed VE and it is working successfuly with chameleon - so all good.

However - the ve-edit icon being used is an asterisk - neither informative nor interesting. I want to change the icon - which I am sure should be relatively simple but I really cannot work out where to start, Any pointers would be good.



Reply to "Change VE Icon"

MW 1.33.1 Upgrade + Chameleon Upgrade: FAIL

2 (talkcontribs)

I ran the update script, ran composer updates, updated chameleon skin, and then got this browser console error:

"A database query error has occurred. Did you forget to run your application's database schema updater after upgrading? "

So I try to run the updater again, and get this error in Terminal:

"MediaWiki 1.33.1 Updater - mediawiki/chameleon-skin: 2.1.0 installed, ~2.0 required."

Any ideas?

F.trott (talkcontribs)

You could try the --skip-external-dependencies parameter for update.php.

Reply to "MW 1.33.1 Upgrade + Chameleon Upgrade: FAIL"
DDSnowl (talkcontribs)

Hi F.trott,

I'm using FIrefox 68.0.1, Mediawiki 1.31 and chameleon installed by composer. When I want to print content, only the first page is shown (printed). It doesn't make a difference, which driver I use, problems exists with normal printers, pdf Architect, Fax, aso. What is to be done? --~~~~

F.trott (talkcontribs)

Is this only on Firefox or also on other browsers?

Emwiemaikel (talkcontribs)

Stephan, I also face this problem. with MW1.13, Firefox and Chameleon 2.1. In Chameleon 1.7 it did work. And your suspicion is correct. It only fails in FF and works well in Chrome. I created a Github issue for this:

Reply to "Only first page is printed"

Editing with a form does not work for previews and diffs

Kghbln (talkcontribs)

This is an Chameleon 1.7 and Page Forms 4.5 issue. I am not sure if it was there before with earlier versions of Page Forms.

When you edit a page with a form and click "Show preview" or "Show changes" then a preview or a diff of the page is indeed shown. However the buttons "Save changes" "Show preview" etc. including the summary line are no longer shown which is preventing you from saving the page. Basically everything added with the "standard input" tags provided by the Page Forms extension is not showing.

I am not sure if this is a Chameleon or Page Forms issue. I suspect the latter but want to make sure.

This can be recreated on smw.o.

F.trott (talkcontribs)

I did a quick check on a local wiki and it seems to work on Chameleon 1.7.1 and PF 4.3.

For me, when I click Show Preview e.g. on the complete form is gone. Curious.

There is two things I could think of that might cause this.

  1. Chameleon is built to enforce valid HTML. This includes changing HTML element IDs, if necessary. For the preview this means that for example the content of the preview gets the ID bodyContent-g2wfpz001g instead of just bodyContent. I would not be surprised if that throws PageForms off.
  2. It could be that PageForms now uses a hook that Vector calls and Chameleon does not.

In any case it would probably make sense to involve Yaron.

Kghbln (talkcontribs)

> For me, when I click Show Preview the complete form is gone. Curious.

Apparently this is what happens on smw.o too. Thus we are talking about the same issue I believe. Yeah, probably @Yaron Koren: can be of help here.

Yaron Koren (talkcontribs)

I don't think Page Forms has any Vector-specific code... beyond that, I have no idea; sorry.

Kghbln (talkcontribs)

Thanks a lot for looking at it, even without conclusion. What I had hoped for was that the "Some parts of the edit form did not reach the server; double-check that your edits are intact and try again." error note, which is actually also shown for Vector, could provide a decisive hint.

Pastakhov (talkcontribs)
Stefahn (talkcontribs)

I had the same problem: Preview was not shown when clicking on "Preview" in a form (MW 1.31.3, PF 4.6 (dae51e2)).

I applied the patch manually and the preview now works again (Thanks Pastakhov!).

Can someone please merge the patch into master?

Yaron Koren (talkcontribs)

@Stefahn - thanks for letting me know about this; I'm not sure if I saw the patch before. I merged it in yesterday.

Reply to "Editing with a form does not work for previews and diffs"