diff --git a/public/resources/css/module/_code-box.scss b/public/resources/css/module/_code-box.scss
index 6cb8c2bc59..eee9e3528c 100644
--- a/public/resources/css/module/_code-box.scss
+++ b/public/resources/css/module/_code-box.scss
@@ -5,7 +5,7 @@
   margin-bottom: $unit * 2;
 
   header {
-    background: $fog;
+    background: #1976D2;
     color: $snow;
     padding: $unit $unit 0px $unit;
     border-radius: 4px 4px 0px 0px;
@@ -18,7 +18,7 @@
       padding: 0px ($unit * 3);
       margin-right: $unit;
       font-size: 13px;
-      background: $grey;
+      background: #3F94E9;
       color: $snow;
       border-radius: 4px 4px 0px 0px;
       // font-weight: 500;
diff --git a/public/resources/css/module/_example-title.scss b/public/resources/css/module/_example-title.scss
index 112c591964..562710cf1c 100644
--- a/public/resources/css/module/_example-title.scss
+++ b/public/resources/css/module/_example-title.scss
@@ -1,12 +1,12 @@
 .example-title {
   @extend .alert;
 
-  color: $heather;
+  color: $snow;
   padding:  0 ($unit * 2);
   font-size: 14px;
   // font-weight: 500;
-  border-color: $fog;
-  background: $fog;
+  border-color: #1976D2;
+  background: #1976D2;
   box-shadow: none;
   // temporary hack to remove space between example title and code-example
   margin-bottom: -18px;