Using light-dark

dutchcelt · Jul 7, 2024 · 08357e8 · 08357e8
1 parent 6b19ac5
commit 08357e8
Showing 1 changed file with 2 additions and 20 deletions.
diff --git 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;
-					}
 				}
 			}
 		</style>