diff --git a/_widgets/gojibar.md b/_widgets/gojibar.md
index f7f402e..686ca07 100644
--- a/_widgets/gojibar.md
+++ b/_widgets/gojibar.md
@@ -21,7 +21,7 @@ iconname: gojibar-128.png
 </p>
 </div>
 
-{% include first-row-divider.html from="#4C566A" to="#434C5E" %}
+{% include first-row-divider.html from="#00202e" to="#434C5E" %}
 
 <div class="row second-row">
   <div class="col m8 offset-m2">
diff --git a/_widgets/octospacelite.md b/_widgets/octospacelite.md
index cef09ab..6c3d237 100644
--- a/_widgets/octospacelite.md
+++ b/_widgets/octospacelite.md
@@ -24,7 +24,7 @@ iconname: octospace-lite-128.png
 </p>
 </div>
 
-{% include first-row-divider.html from="#4C566A" to="#434C5E" %}
+{% include first-row-divider.html from="#00202e" to="#434C5E" %}
 
 <div class="row second-row">
   <div class="col m8 offset-m2">
diff --git a/_widgets/pullbar.md b/_widgets/pullbar.md
index 3d1bdf7..d9f74cb 100644
--- a/_widgets/pullbar.md
+++ b/_widgets/pullbar.md
@@ -35,7 +35,7 @@ iconname: pullbar.png
   </a>
 </p>
 <div>
-{% include first-row-divider.html from="#4C566A" to="#434C5E" %}
+{% include first-row-divider.html from="#00202e" to="#434C5E" %}
 
 <div class="row second-row">
 <div class="col m8 offset-m2">
diff --git a/_widgets/pullbarpro.md b/_widgets/pullbarpro.md
index cf9d752..855361f 100644
--- a/_widgets/pullbarpro.md
+++ b/_widgets/pullbarpro.md
@@ -27,7 +27,7 @@ iconname: pullbarpro-128.png
   </a>
 </p>
 </div>
-{% include first-row-divider.html from="#4C566A" to="#434C5E" %}
+{% include first-row-divider.html from="#00202e" to="#434C5E" %}
 
 <div class="row second-row" markdown="0">
   <div class="col m8 offset-m2">
diff --git a/_widgets/streakbar.md b/_widgets/streakbar.md
index 534d888..3e15afb 100644
--- a/_widgets/streakbar.md
+++ b/_widgets/streakbar.md
@@ -39,7 +39,7 @@ iconname: streak-bar-128.png
 
 </div>
 
-{% include first-row-divider.html from="#4C566A" to="#434C5E" %}
+{% include first-row-divider.html from="#00202e" to="#434C5E" %}
 
 <div class="row second-row">
 <div class="col m8 offset-m2">
diff --git a/_widgets/swiftystats.md b/_widgets/swiftystats.md
index 1f75178..bab7a30 100644
--- a/_widgets/swiftystats.md
+++ b/_widgets/swiftystats.md
@@ -18,7 +18,7 @@ iconname: swiftystats-128.png
 </p>
 </div>
 
-{% include first-row-divider.html from="#4C566A" to="#434C5E" %}
+{% include first-row-divider.html from="#00202e" to="#434C5E" %}
 
 
 <div class="row second-row">
diff --git a/_widgets/todobar.md b/_widgets/todobar.md
index 197f3b3..5b7c4a6 100644
--- a/_widgets/todobar.md
+++ b/_widgets/todobar.md
@@ -36,7 +36,7 @@ iconname: todobar.png
 
 </div>
 
-{% include first-row-divider.html from="#4C566A" to="#434C5E" %}
+{% include first-row-divider.html from="#00202e" to="#434C5E" %}
 
 <div class="row second-row">
 <div class="col m8 offset-m2">
diff --git a/_widgets/whosmissing.md b/_widgets/whosmissing.md
index dc7125a..3b26f0a 100644
--- a/_widgets/whosmissing.md
+++ b/_widgets/whosmissing.md
@@ -30,7 +30,7 @@ iconname: whosmissing-128.png
 
 </div>
 
-{% include first-row-divider.html from="#4C566A" to="#434C5E" %}
+{% include first-row-divider.html from="#00202e" to="#434C5E" %}
 
 
 <div class="row second-row">
diff --git a/assets/css/style.scss b/assets/css/style.scss
index f8235ff..658ba4d 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -1,8 +1,8 @@
 ---
 ---
 
-$first-row-color: #4C566A;
-$second-row-color: #3B4252;
+$first-row-color: #00202e;
+$second-row-color: #2c4875;
 
 kbd {
   border-radius: 4px;
@@ -121,7 +121,7 @@ body {
 main {
   flex: 1 0 auto;
   // background-color: #a8dadc;
-  background-color: #4C566A;
+  background-color: #00202e;
   // color: #1d3557;
   color: #ECEFF4;
 }