Name | Modified | Size | Downloads / Week |
---|---|---|---|
Parent folder | |||
Ctp v0.1.3 source code.tar.gz | 2022-01-07 | 4.6 MB | |
Ctp v0.1.3 source code.zip | 2022-01-07 | 4.6 MB | |
README.md | 2022-01-07 | 5.2 kB | |
Totals: 3 Items | 9.2 MB | 0 |
A rather big update, I'd say.
Things are popping a tad more now, aren't they? this is because the contrast ratio between the main colors (e.g. rosewater, maroon, lavender, teal, etc...) and the main background was increased to ensuse that the palette was compliant with WCAG 2.1 standards for enhanced contrast. Furthermore, the transition between every color in the black-gray palette is smoother now.
π Changes
- WCAG 2.1 level AAA enhanced contrast compliance: this means that the palette is accessible at level AAA, which means that the visual presentation of text has a contrast ratio of at least 7:1. You can find more information about this on W3.org's documentation: https://www.w3.org/WAI/WCAG21/quickref/?showtechniques=143%2C146#contrast-enhanced
These are the results of the tests we ran to assert this conformance claim:
:::lua
β’ rosewater: β
β’ flamingo: β
β’ mauve: β
β’ pink: β
β’ red: β
β’ maroon: β
β’ peach: β
β’ yellow: β
β’ green: β
β’ blue: β
β’ sky: β
β’ teal: β
β’ lavender: β
β’ white: β
β’ gray2: β
β’ gray1: β
β’ gray0: β
β’ black4: β
β’ black3: β
β’ black2: β
β’ black1: β
β’ black0: β
The test was conducted with a size
14
font between every color against black2 (#1E1D2F
), which is the main background of the palette. As evedenced on the data above, the colors from the main palette passed the test successfully; however, as expected, the colors from the black-gray palette (which fall into theexceptions
category according to WCAG 2.1 standards) didn't.
- The transition between every color in the black-gray palatte is smoother: this is because the darkest ones of them now have a slight tint of a really deep dark purple which makes colors pop more, so to speak. Purple was chosen since most of the colors that were going to be on top of it (like yellow, green, orange, and red) were opposed to it in the color wheel.
π¨ Palette
These were the colors that changed:
Name | Hex | RGB | |
---|---|---|---|
![]() |
Mauve | #DDB6F2 |
221, 182, 242 |
![]() |
Pink | #F5C2E7 |
245, 194, 231 |
![]() |
Maroon | #E8A2AF |
232, 162, 175 |
![]() |
Red | #F28FAD |
242, 143, 173 |
![]() |
Peach | #F8BD96 |
248, 189, 150 |
![]() |
Yellow | #FAE3B0 |
250, 227, 176 |
![]() |
Green | #ABE9B3 |
171, 233, 179 |
![]() |
Teal | #B5E8E0 |
181, 232, 224 |
![]() |
Blue | #96CDFB |
150, 205, 251 |
![]() |
Sky | #89DCEB |
137, 220, 235 |
![]() |
Black 0 | #131020 |
19, 16, 32 |
![]() |
Black 1 | #1A1823 |
26, 24, 35 |
![]() |
Black 2 | #1E1E2D |
30, 29, 47 |
![]() |
Black 3 | #302D41 |
48, 45, 65 |
![]() |
White | #D9E0EE |
217, 224, 238 |