roleypoly/v4
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

catch mid colors outside of WCAG AA

Browse source
This commit is contained in:
41666 2025-04-06 17:28:26 -07:00
parent f72c7a357b
commit df33164b08
28 changed files with 135 additions and 96 deletions
Download patch file Download diff file Expand all files Collapse all files

4
static/images/x.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="16" height="16" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<rect fill="#000" width="2" height="10" x="7" y="3" style="transform: rotate(45deg); transform-origin: center;"/>
<rect fill="#000" width="2" height="10" x="7" y="3" style="transform: rotate(-45deg); transform-origin: center;"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 323 B

5
static/main.css
View file

@ -41,8 +41,8 @@ body {
border: 2px solid var(--role-color);
border-radius: 3px;
user-select: none;
padding: 0.217rem; /* this is silly number pls ignore :3 (^noe) */
gap: 0.215rem;
padding: 0.369rem; /* this is silly number pls ignore :3 (^noe) */
gap: 0.269rem;
cursor: pointer;
transition: all 0.35s ease-in-out;
@ -84,6 +84,7 @@ body {
label {
cursor: pointer;
font-weight: 600;
}
&:has(input:checked) {