Currently Vector operates in two different modes - Classic mode and modern mode.
In the future, it makes sense to separate these two experiences into two different skins.
One challenge of doing this is any attempt to rename the skin key, will result in existing skin styles and existing site styles from no longer applying.
While the site style is a minor inconvenience (the site admins can copy across to the new page), the skin styles is a bit more problematic. While we could update multiple repos that would be inefficient and error prone as we don't have capacity to test all 3rd party extensions.
It's proposed that a skin can register a skinStyles key they would like to inherit from:
Example:
"skinStyles": {
"default": "default.css",
"+vector": "vector.common.css",
"+vector-modern": "vector.modern.css",
"+vector-classic": : "vector.classic.css"
}Vector classic would get vector + vector-classic + default.
Vector modern would get vector + vector-modern + default.
Ideally this would be registered in skin.json some how.
e.g.
"SkinStyleKeys: {
"vector-modern": [ "vector", "vector-modern" ],
"vector-classic": [ "vector", "vector-classic" ]
},