diff --git a/server/documents/modules/dimmer.html.eco b/server/documents/modules/dimmer.html.eco
index 5a726aa61..69103b8ee 100755
--- a/server/documents/modules/dimmer.html.eco
+++ b/server/documents/modules/dimmer.html.eco
@@ -49,6 +49,19 @@ themes      : ['Default']
         <div class="ui show button"><i class="plus icon"></i></div>
         <div class="ui hide button"><i class="minus icon"></i></div>
       </div>
+      <div class="ui existing code">
+        <div class="ui segment">
+          <h3 class="ui header">
+            Overlayable Section
+          </h3>
+          <div class="ui small images">
+            <img>
+            <img>
+            <img>
+          </div>
+          <p></p>
+        </div>
+      </div>
     </div>
 
     <div class="example">
diff --git a/src/themes/packages/default/globals/site.variables b/src/themes/packages/default/globals/site.variables
index ee5c2c908..d035eeb55 100755
--- a/src/themes/packages/default/globals/site.variables
+++ b/src/themes/packages/default/globals/site.variables
@@ -145,14 +145,14 @@
 @darkWhite        : #F0F0F0;
 
 /*--- Colored Backgrounds ---*/
-@blueBackground   : #D3E4F3;
-@greenBackground  : #DEF2E0;
-@orangeBackground : #F7E5D6;
-@pinkBackground   : #F9CEE6;
-@purpleBackground : #E0DDF5;
-@redBackground    : #F8D5D3;
-@tealBackground   : #D2F5F5;
-@yellowBackground : #FCF5D8;
+@blueBackground   : #DFF0FF;
+@greenBackground  : #EBFFED;
+@orangeBackground : #FFEDDE;
+@pinkBackground   : #FFE3FB;
+@purpleBackground : #EAE7FF;
+@redBackground    : #FFE8E6;
+@tealBackground   : #E9FFFF;
+@yellowBackground : #FFF8DB;
 
 
 /*--- Colored Text ---*/