Background
A while ago (in MW v1.35.0) a number of mediwiki.ui variables were deprecated to follow Wikimedia's stylesheet variable naming convention
5 minor versions later a lot of the extensions are still using the outdated variables, making things harder.
border-radius is just one example.
Acceptance criteria for done
- Replace deprecated vars with current ones.
List of currently deprecated vars since 1.35
// Deprecated in MW v1.35.0 @colorProgressive: @color-primary; @colorProgressiveHighlight: @color-primary--hover; @colorProgressiveActive: @color-primary--active; @colorDestructive: @color-destructive; @colorDestructiveHighlight: @color-destructive--hover; @colorDestructiveActive: @color-destructive--active; // Orange; for contextual use of returning to a past action @colorRegressive: #ff5d00; @colorText: @color-base; @colorTextEmphasized: @color-base--emphasized; @colorTextLight: @color-base--subtle; @colorBaseInverted: @color-base--inverted; @colorNeutral: @color-base--subtle; @colorButtonText: @color-base; @colorButtonTextHighlight: @color-base--hover; @colorButtonTextActive: @color-base--active; @colorDisabledText: @color-base--disabled; @colorFieldBorder: @border-color-base; @colorPlaceholder: @color-placeholder; @colorShadow: @colorGray14; // Used in mixins to darken contextual colors by the same amount (eg. focus) @colorDarkenPercentage: 13.5%; // Used in mixins to lighten contextual colors by the same amount (eg. hover) @colorLightenPercentage: 13.5%; @iconSize: @size-icon; @iconGutterWidth: @width-icon-gutter; @backgroundColorError: @background-color-error; @colorError: @color-error; @borderColorError: @color-error; @backgroundColorWarning: @background-color-warning; @colorWarning: @color-base--emphasized; @borderColorWarning: @border-color-warning; @backgroundColorSuccess: @background-color-success; @colorSuccess: @color-success; @borderColorSuccess: @color-success; // Orange; for contextual use of a potentially negative action of medium severity @colorMediumSevere: #ff5d00; // Yellow; for contextual use of a potentially negative action of low severity @colorLowSevere: #fc3; @backgroundColorInputBinaryChecked: @background-color-input-binary--checked; @backgroundColorInputBinaryActive: @background-color-input-binary--active; @sizeInputBinary: @size-input-binary; @borderColorInputBinaryChecked: @border-color-input-binary--checked; @borderColorInputBinaryActive: @border-color-input-binary--active; @borderWidthRadioChecked: @border-width-radio--checked; @borderRadius: @border-radius-base; @boxShadowWidget: @box-shadow-base; @boxShadowWidgetFocus: @box-shadow-base--focus; @boxShadowProgressiveFocus: @box-shadow-primary--focus; @boxShadowInputBinaryActive: @box-shadow-input-binary--active;