mediawiki-extensions-Echo/modules/echo.variables.less
Volker E 33655c75e7 Follow overhauled color palette
Replacing colors with ones from the overhauled WCAG 2.0 level AA
compliant color palette https://phabricator.wikimedia.org/M82
Applying Less variables where possible for better flexibility
in future design maintenance.
Also introducing some variables from WikimediaUI Base.

Bug: T147365
Depends-on: I16bdfbdada252ee27d5a0de11e0930347315b699
Change-Id: Ic05ed15b44d86752c686d80efc4f2ed2a1e71b41
2016-11-01 22:31:28 +00:00

51 lines
1.2 KiB
Plaintext

// Taken from WikimediaUI base v0.6.1
// Background Colors
@background-color-base: #fff;
// Foreground Colors
@color-base: #222;
@color-base-active: #000;
@color-base-emphasized: @color-base-active;
// Primary 'Progressive' Color, Background Color
@background-color-primary: #eaf3ff;
@color-primary: #36c;
// 'Destructive' Color
@color-destructive: #c33;
// Border Colors
@border-color-heading: #c8ccd1;
// Echo's original variables
@grey-light: #72777d;
@grey-medium: #54595d;
@badge-padding: 0.12em;
@badge-icon-size: 1.1em;
@badge-distance-adjustment: 1em;
@notification-background-unseen: #dce8ff;
@notification-background-unread: @background-color-base;
@notification-background-read: #eaecf0;
@badge-counter-background-seen: @grey-light;
@badge-counter-background-unseen-alert: @color-destructive;
@badge-counter-background-unseen-message: @color-primary;
@notification-text-color: @color-base-emphasized;
@notification-body-color: @grey-light;
@bundle-group-padding: 0.7em;
@notification-popup-width: 500px;
@opacity-low: 0.5;
@opacity-mid: 0.8;
@specialpage-separation-unit: 0.7em;
@specialpage-sidebar-width: 20em;
@specialpage-hd-width: 982px;
@specialpage-width: 1000px;
@border-color: @border-color-heading;