diff --git a/res/include/style/layout.css b/res/include/style/layout.css
index 6cb8bcc..b095b55 100644
--- a/res/include/style/layout.css
+++ b/res/include/style/layout.css
@@ -51,8 +51,9 @@ a > svg { vertical-align: middle; }
 html, body { overflow-x: hidden; }
 body{
 	background-color: #111111; /* Fallback */
-	background-color: var(--layer_2_color);
+	background-color: var(--layer_1_color);
 	background-repeat: repeat;
+	background-blend-mode: darken;
 	margin: 0;
 	font-family: system-ui, sans-serif;
 	font-size: 17px;
@@ -206,12 +207,14 @@ body, .checkers {
 .highlight_dark,
 .highlight_middle,
 .highlight_light,
+.highlight_lighter,
 .highlight_green,
 .highlight_blue,
 .highlight_red,
 .highlight_1,
 .highlight_2,
-.highlight_3{
+.highlight_3,
+.highlight_4 {
 	position: relative;
 	width: auto;
 	height: auto;
@@ -232,6 +235,10 @@ body, .checkers {
 	background-color: var(--layer_3_color);
 	box-shadow: 1px 1px var(--layer_3_shadow) 0 var(--shadow_color);
 }
+.highlight_lighter, .highlight_4 {
+	background-color: var(--layer_4_color);
+	box-shadow: 1px 1px var(--layer_4_shadow) 0 var(--shadow_color);
+}
 .highlight_green {
 	background-color: rgba(0, 255, 0, 0.05);
 	border-color: #00d000;
diff --git a/res/template/widgets.html b/res/template/widgets.html
index 6418fc2..ea54171 100644
--- a/res/template/widgets.html
+++ b/res/template/widgets.html
@@ -17,9 +17,10 @@
 			<h5>Size 5 header</h5>
 			<h6>Size 6 header</h6>
 
-			<div class="highlight_light">Light highlight</div>
-			<div class="highlight_middle">Middle highlight</div>
 			<div class="highlight_dark">Dark highlight</div>
+			<div class="highlight_middle">Middle highlight</div>
+			<div class="highlight_light">Light highlight</div>
+			<div class="highlight_lighter">Lighter highlight</div>
 			<br/>
 			Link <a href="#">A link to someplace</a>.
 			<hr/>
diff --git a/webcontroller/user_style.go b/webcontroller/user_style.go
index fef04a1..99bb222 100644
--- a/webcontroller/user_style.go
+++ b/webcontroller/user_style.go
@@ -217,13 +217,13 @@ var defaultPixeldrainStyle = pixeldrainStyleSheet{
 	ScrollbarHoverColor:      hsl{272, .5, .5},
 	ScrollbarBackgroundColor: hsl{270, .5, .07},
 
-	Layer1Color:  hsl{270, .5, .05},
+	Layer1Color:  hsl{270, .55, .07},
 	Layer1Shadow: 3,
-	Layer2Color:  hsl{270, .5, .08},
+	Layer2Color:  hsl{270, .55, .11},
 	Layer2Shadow: 5,
-	Layer3Color:  hsl{272, .55, .14},
+	Layer3Color:  hsl{272, .55, .15},
 	Layer3Shadow: 7,
-	Layer4Color:  hsl{272, .6, .18},
+	Layer4Color:  hsl{272, .55, .2},
 	Layer4Shadow: 9,
 
 	ShadowColor: hsl{0, 0, 0},