fix(css): Fix 2 contrast issues (#2452)

* improve contrast of transform-style * improve contrast of text_emphasis_position * fix(css): change and add color to transform style change color and add a color attribute for transform style * Fix lint error --------- Co-authored-by: rohini_ranjan <> Co-authored-by: Michał Niedziółka <niedziolek@hotmail.com>
mdn · Feb 28, 2023 · 7f7dc1d · 7f7dc1d
1 parent 10909b7
commit 7f7dc1d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/live-examples/css-examples/text-decoration/text-emphasis-position.css b/live-examples/css-examples/text-decoration/text-emphasis-position.css
@@ -3,5 +3,5 @@ p {
 }
 
 #example-element {
-    text-emphasis: filled double-circle blue;
+    text-emphasis: filled double-circle #ffb703;
 }
diff --git a/live-examples/css-examples/transforms/transform-style.css b/live-examples/css-examples/transforms/transform-style.css
@@ -1,13 +1,14 @@
 .layer {
-    background: #f69d3c;
+    background: #623e3f;
     border-radius: 0.75rem;
+    color: white;
     transform: perspective(200px) rotateY(30deg);
 }
 
 .numeral {
-    background-color: #e66465;
+    background-color: #ffba08;
     border-radius: 0.2rem;
-    color: black;
+    color: #000;
     margin: 1rem;
     padding: 0.2rem;
     transform: rotate3d(1, 1, 1, 45deg);