diff --git a/src/sharing-header.html b/src/sharing-header.html
index 1f91922b..f32b7c4b 100644
--- a/src/sharing-header.html
+++ b/src/sharing-header.html
@@ -13,7 +13,7 @@
             margin: 1.5rem 0;
         }
         .sharing {
-            background: #EEE;
+            background: #111;
             display: flex;
             flex-direction: column;
             height: 70rem;
@@ -29,7 +29,7 @@
         }
         .bars__item {
             background: #000;
-            border: 0.375rem solid #EEE;
+            border: 0.375rem solid #111;
             box-sizing: border-box;
             display: inline-block;
             float: left;
@@ -38,7 +38,7 @@
         }
         .title {
             clear: both;
-            color: #666;
+            color: #FFF;
             font-family: Lato, sans-serif;
             -webkit-font-feature-settings: "dlig", "kern", "liga";
                     font-feature-settings: "dlig", "kern", "liga";
diff --git a/src/sharing.html b/src/sharing.html
index 00cedb45..57b9ca99 100644
--- a/src/sharing.html
+++ b/src/sharing.html
@@ -13,7 +13,7 @@
             margin: 1.5rem 0;
         }
         .sharing {
-            background: #EEE;
+            background: #111;
             display: flex;
             flex-direction: column;
             height: 70rem;
@@ -29,7 +29,7 @@
         }
         .bars__item {
             background: #000;
-            border: 0.375rem solid #EEE;
+            border: 0.375rem solid #111;
             box-sizing: border-box;
             display: inline-block;
             float: left;
@@ -38,7 +38,7 @@
         }
         .title {
             clear: both;
-            color: #666;
+            color: #FFF;
             font-family: Lato, sans-serif;
             -webkit-font-feature-settings: "dlig", "kern", "liga";
                     font-feature-settings: "dlig", "kern", "liga";