Manual:$wgResourceModuleSkinStyles

The $wgResourceModuleSkinStyles global enables skins to provide additional stylesheets to existing ResourceLoader modules. It must not be used by extensions; they should use the  property of their own ResourceLoader modules to provide per-skin styles.

This both makes it easier (or at all possible) to override default styles and lowers the style footprint by making it possible not to load styles unused on most pages.

$wgResourceModuleSkinStyles is a multidimensional array: On the first level it contains the name of the package (skin/extension), which adds additional styles (in the following example called "foo"). On the second level it contains key-value-pairs:
 * The keys always are the module names, for which additional styles should be used. By default, your definition will then replace the CSS/LESS file, which has already defined styles for this module before. If the module name in contrast is prepended by a "+" sign, then your styles will be added to those styles, which had already been defined before, thus not replacing complete files, but preserving all styles and only overwriting/adding those, which you are defining.
 * The value is the relative path to the according file. Multiple files can be added to a module by writing them inside an array.

Vector is one of the skins using this method, and provides a good practical usage demonstration: https://git.wikimedia.org/blob/mediawiki%2Fskins%2FVector.git/master/Vector.php#L85

See documentation for $wgResourceModules for basic information about defining and using ResourceLoader modules.

Documentation
The styles defined using $wgResourceModuleSkinStyles are later added to the  list of the existing module. The  list can not be modified or disabled.

For example, here is a module "bar" and how skin Foo would provide additional styles for it.

This is mostly equivalent to:

If the module already defines its own entry in  for a given skin, then $wgResourceModuleSkinStyles is ignored.

If a module defines a  the skin may want to extend that instead of replacing them. This can be done using the  prefix.

Example:

This is mostly equivalent to:

In other words, as a module author, use the  list for stylesheets that may not be disabled by a skin. To provide default styles that may be extended or replaced, use.

As with $wgResourceModules, paths default to being relative to the MediaWiki root. You should always provide a  and   (or  / ). Either for all skin styles at once (first example below) or for each module separately (second example).

Example: