diff --git a/styles/less/v4.0.less b/styles/less/v4.0.less
index b36e91c06228a6ff0f470b8ca0d629eda5530803..291b92ea596949c62b1f26373154160f35a8ea2f 100644
--- a/styles/less/v4.0.less
+++ b/styles/less/v4.0.less
@@ -425,9 +425,10 @@ pre {
 }
 
 .color-code-wrapper {
-    background-color: @faded-neutral;
+    background-color: fadeout(#000, 25);
     padding: 1em;
     margin-bottom:2em;
+    color: #fff;
     @media @bp2 {
 
     }
@@ -437,7 +438,7 @@ pre {
         font-weight: bold;
         font-size: 0.75em;
         display: block;
-        border-bottom: 2px solid @faded-neutral;
+        border-bottom: 2px solid fadeout(@cream, 75);
     }
 }