| commit | 6903d7e9085d99bde3ca9d614262bdda26d6c051 | |
| author | Jun Pataleta <jun@moodle.com> | |
| Fri, 6 Aug 2021 02:50:43 +0000 (6 10:50 +0800) | ||
| committer | Jun Pataleta <jun@moodle.com> | |
| Thu, 9 Sep 2021 08:02:12 +0000 (9 16:02 +0800) | ||
| tree | e6e82ba3e54c95ed217544526719a88bec3aafd4 | treesnapshot (tar.gz zip) |
| parent | 7fdf72a26847da7661a17cb5e5d42e9c1d3da82b | commitdiff |
MDL-71385 theme: Fix contrast for dimmed text against striped table rows
In order to achieve good colour contrast between dimmed text and striped
table rows, the background colour of the striped rows are being
lightened to 0.03 alpha. While $gray-600 is being adjusted to a bit
darker shade of #6a737b. This gives a colour contrast ratio of 4.5:1
between the dimmed text colour and the striped table row background
which meets WCAG 2.1 Level AA requirements.
Comparing the normal font colour (#212529) with the adjusted dimmed text
colour gives a contrast ratio of 3.20:1 which meets WCAG 2.1 Level AA
requirements and still makes them distinguishable from one another.
In order to achieve good colour contrast between dimmed text and striped
table rows, the background colour of the striped rows are being
lightened to 0.03 alpha. While $gray-600 is being adjusted to a bit
darker shade of #6a737b. This gives a colour contrast ratio of 4.5:1
between the dimmed text colour and the striped table row background
which meets WCAG 2.1 Level AA requirements.
Comparing the normal font colour (#212529) with the adjusted dimmed text
colour gives a contrast ratio of 3.20:1 which meets WCAG 2.1 Level AA
requirements and still makes them distinguishable from one another.