From 08357e8b7ba4d41b34548495f24357b3b9867731 Mon Sep 17 00:00:00 2001 From: dutchcelt Date: Sun, 7 Jul 2024 20:02:04 +0200 Subject: [PATCH] Using light-dark --- pure-system-colors.html | 22 ++-------------------- 1 file changed, 2 insertions(+), 20 deletions(-) diff --git a/pure-system-colors.html b/pure-system-colors.html index dc6ad44..eb3491a 100644 --- a/pure-system-colors.html +++ b/pure-system-colors.html @@ -31,13 +31,13 @@ background: canvas; &.fail { - color: crimson; + color: light-dark(crimson, coral); &::before { content: '\2717'; } } &.pass { - color: green; + color: light-dark(green, limegreen); &::before { content: '\2713'; } @@ -47,12 +47,6 @@ &:is(td) { font-weight: 500; } - &.fail { - color: coral; - } - &.pass { - color: limegreen; - } } } :is(.pass, .fail) span { @@ -67,20 +61,8 @@ tbody :is(td:nth-last-child(1), td:nth-last-child(3), td:nth-last-child(5)) { color-scheme: dark; - &.fail { - color: coral; - } - &.pass { - color: limegreen; - } @media (prefers-color-scheme: dark) { color-scheme: light; - &.fail { - color: crimson; - } - &.pass { - color: green; - } } }