fix: good and bad code examples

Improve good and bad code example background and border colors fix #310
mdn · Dec 2, 2020 · bea48bb · bea48bb
1 parent 989baf3
commit bea48bb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/sass/atoms/_code.scss b/sass/atoms/_code.scss
@@ -49,11 +49,11 @@ table {
 }
 
 .example-bad {
-  background-color: $red-400;
-  border-color: $red-100;
+  background-color: $red-450;
+  border-color: $red-300;
 }
 
 .example-good {
   background-color: $green-400;
-  border-color: $green-100;
+  border-color: $green-300;
 }
diff --git a/sass/vars/_color-palette.scss b/sass/vars/_color-palette.scss
@@ -9,6 +9,7 @@ $red-100: #95353a;
 $red-200: #b54248;
 $red-300: #d0454c;
 $red-400: #ffbdbd;
+$red-450: #ffeef0;
 
 $orange-100: #a14400;
 $orange-200: #c25100;