mediawiki-skins-MinervaNeue/resources/skins.minerva.scripts/page-issues/styles.less
lwatson 261eab0221 styles: Update color in Less from #d33 to #d73333
This patch promotes a consistent design decision across projects in
MediaWiki core, extensions, and skins. The darker red color meets the
W3C Web Content Accessibility Guidelines (WCAG) at Level AA that text
or images of text must have a contrast ratio of at least 4.5:1 (or 3:1
for large text).

Bug: T343239
Change-Id: I771fec3f567ea7ce5a25f8c63d88c956a27121ef
2024-02-28 17:10:08 -05:00

41 lines
2.1 KiB
Plaintext

@import 'mediawiki.skin.variables';
@import 'overlay/pageIssuesOverlay.less';
@minerva-icon-issue-generic: '<path d="M19.64 16.36 11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>';
@minerva-icon-issue-severity-medium: '<path d="M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm1 16H9v-2h2zm0-4H9V4h2z"/>';
@minerva-icon-issue-type-point-of-view: '<path d="m6 8 2-3 2-3H2l2 3zm8 4-2 3-2 3h8l-2-3zm-12.236.329L17.47 5.823l.766 1.848L2.53 14.177z"/>';
@minerva-icon-issue-severity-low: '<path d="M17.9 11.9c-1.4-.3-3.4-2.8-4.8-4.6l-8.8 6.2 2.3 3.3c.8 1.2 2.3 1.8 4 1.7l-1.6-2c-.1-.2 0-.4.1-.5.2-.1.4-.1.5.1l1.8 2.3c.8-.2 1.7-.6 2.6-1.1-1.3-.8-2.2-2.4-2.2-2.4-.1-.2 0-.4.1-.5.2-.1.4 0 .5.1 0 0 1 1.7 2.3 2.3.9-.7 1.6-1.3 2.1-1.9-2.1-.4-3.1-1.9-3.2-1.9-.1-.2-.1-.4.1-.5.2-.1.4-.1.5.1a5 5 0 0 0 3.1 1.7 4 4 0 0 0 .8-2c.1-.2 0-.3-.2-.4z M11.6 5.2a1 1 0 0 0-1.3-.2L7.9 6.6 4.5 1.8a.7.7 0 0 0-.9-.2L2.1 2.7c-.3.2-.3.6-.2.8l3.4 4.8L3 10a1 1 0 0 0-.2 1.3L4 13l8.8-6.1-1.2-1.7z"/>';
@minerva-icon-issue-type-move: '<path d="M6 8.7V12H0v4h6v3l3-2.6 3-2.6-3-2.5z M14 4V.7l-3 2.6-3 2.5 3 2.6 3 2.6V8h6V4z"/>';
.minerva-icon--issue-severity-medium-mediumColor {
.cdx-mixin-css-icon( @minerva-icon-issue-severity-medium, #ff5d01 );
}
.minerva-icon--issue-type-point-of-view-mediumColor {
.cdx-mixin-css-icon( @minerva-icon-issue-type-point-of-view, #ff5d01 );
}
.minerva-icon--issue-severity-low-lowColor {
.cdx-mixin-css-icon( @minerva-icon-issue-severity-low, #f5a623 );
}
.minerva-icon--issue-type-move-defaultColor {
.cdx-mixin-css-icon( @minerva-icon-issue-type-move, #36c );
}
.minerva-icon--issue-generic-defaultColor {
.cdx-mixin-css-icon( @minerva-icon-issue-generic, #54595d );
}
.minerva-icon--issue-generic-lowColor {
.cdx-mixin-css-icon( @minerva-icon-issue-generic, #fc3 );
}
.minerva-icon--issue-generic-mediumColor {
.cdx-mixin-css-icon( @minerva-icon-issue-generic, #ff5d01 );
}
.minerva-icon--issue-generic-highColor {
.cdx-mixin-css-icon( @minerva-icon-issue-generic, #d73333 );
}