diff options
| author | elioat <{ID}+{username}@users.noreply.github.com> | 2025-02-10 16:17:24 -0500 |
|---|---|---|
| committer | elioat <{ID}+{username}@users.noreply.github.com> | 2025-02-10 16:17:24 -0500 |
| commit | a24378f9c33b312a3902061fc0754fefd1aa9f46 (patch) | |
| tree | 0f5101abcab76f949f4958cec314641e4a1b3ef5 | |
| parent | 7114d6a9be6ee2f9bdea37c124d1ef3ca18854e1 (diff) | |
| download | tour-a24378f9c33b312a3902061fc0754fefd1aa9f46.tar.gz | |
*
| -rw-r--r-- | html/ccc/index.html | 9 |
1 files changed, 4 insertions, 5 deletions
diff --git a/html/ccc/index.html b/html/ccc/index.html index ef39110..9e805e3 100644 --- a/html/ccc/index.html +++ b/html/ccc/index.html @@ -194,13 +194,12 @@ if (!accessible) classes.push("failing"); if (level === "AAA" && showGlow) classes.push("glowing-border"); - // Parse colors but use original format for display - const parsed1 = parseColor(color1); - const parsed2 = parseColor(color2); + const foreground = parseColor(color1); + const background = parseColor(color2); return ` - <div class="${classes.join(' ')}" style="background: ${parsed1.originalFormat}; color: ${parsed2.originalFormat};"> - ${parsed1.originalFormat} on ${parsed2.originalFormat}<br> + <div class="${classes.join(' ')}" style="background: ${background.originalFormat}; color: ${foreground.originalFormat};"> + ${foreground.originalFormat} on ${background.originalFormat}<br> Ratio: ${contrast} ${accessible ? "✅" : "❌"}<br> WCAG: ${level} </div> |