fix(css): fix contrast of 9 CSS examples (#2473)

* fix(css): fix contrast of counter-set.css * fix(css): fix contrast of float * fix(css): fix contrast of css examples This commit will improve contrast of inset, inset-inline, inset-block-end, inset-block-start, inset-block, inset-inline-end, and inset-inline-start.
mdn · Mar 7, 2023 · 19146d0 · 19146d0
1 parent 6343ab5
commit 19146d0
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git a/live-examples/css-examples/basic-box-model/float.css b/live-examples/css-examples/basic-box-model/float.css
@@ -7,8 +7,9 @@
 }
 
 #example-element {
-    border: solid 10px #ffc129;
-    background-color: rgba(255, 244, 219, 0.6);
+    border: solid 10px #efac09;
+    background-color: #040d46;
+    color: white;
     padding: 1em;
     width: 40%;
 }
diff --git a/live-examples/css-examples/lists/counter-set.css b/live-examples/css-examples/lists/counter-set.css
@@ -4,7 +4,8 @@
 }
 
 #example-element {
-    background-color: lightblue;
+    background-color: #37077c;
+    color: white;
 }
 
 h2 {

diff --git a/live-examples/css-examples/positioned-layout/inset.css b/live-examples/css-examples/positioned-layout/inset.css
@@ -1,5 +1,5 @@
 .example-container {
-    border: 0.75em solid;
+    border: 0.75em solid #ad1457;
     padding: 0.75em;
     text-align: left;
     position: relative;
@@ -8,8 +8,9 @@
 }
 
 #example-element {
-    background-color: #ff7100;
-    border: 3px solid #ff0000;
+    background-color: #07136c;
+    border: 6px solid #ffa000;
+    color: white;
     position: absolute;
     inset: 0;
 }