diff --git a/package.json b/package.json
index e4ffee3e..0878de8c 100644
--- a/package.json
+++ b/package.json
@@ -25,7 +25,7 @@
     "dms2dec": "^1.1.0",
     "fast-exif": "^1.0.1",
     "fraction.js": "^4.0.9",
-    "gatsby": "^2.0.0-rc.21",
+    "gatsby": "^2.0.0-rc.25",
     "gatsby-awesome-pagination": "^0.1.1",
     "gatsby-image": "^2.0.0-rc.2",
     "gatsby-plugin-catch-links": "^2.0.2-rc.1",
@@ -35,9 +35,9 @@
     "gatsby-plugin-react-helmet": "^3.0.0-rc.1",
     "gatsby-plugin-sass": "^2.0.0-rc.2",
     "gatsby-plugin-sharp": "^2.0.0-rc.7",
-    "gatsby-plugin-sitemap": "^2.0.0-rc.1",
+    "gatsby-plugin-sitemap": "^2.0.0-rc.2",
     "gatsby-redirect-from": "0.1.0",
-    "gatsby-remark-autolink-headers": "^2.0.0-rc.1",
+    "gatsby-remark-autolink-headers": "^2.0.0-rc.2",
     "gatsby-remark-copy-linked-files": "^2.0.0-rc.5",
     "gatsby-remark-images": "^2.0.1-rc.5",
     "gatsby-remark-prismjs": "^3.0.0-rc.2",
@@ -53,9 +53,9 @@
     "pigeon-maps": "^0.10.4",
     "pigeon-marker": "^0.3.4",
     "prismjs": "^1.15.0",
-    "react": "^16.5.0",
+    "react": "^16.5.1",
     "react-clipboard.js": "^2.0.0",
-    "react-dom": "^16.5.0",
+    "react-dom": "^16.5.1",
     "react-helmet": "^5.2.0",
     "react-modal": "^3.5.1",
     "react-qr-svg": "^2.1.0",
@@ -66,7 +66,7 @@
   "devDependencies": {
     "@svgr/cli": "^2.3.0",
     "babel-eslint": "^9.0.0",
-    "eslint": "^5.5.0",
+    "eslint": "^5.6.0",
     "eslint-config-prettier": "^3.0.1",
     "eslint-loader": "^2.1.0",
     "eslint-plugin-graphql": "^2.1.1",
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index fc62bbd7..da5f2a75 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -5,13 +5,13 @@ $easing: cubic-bezier(.75, 0, .08, 1);
 /////////////////////////////////////
 
 $brand-main: #015565;
-$brand-main-light: #88bec8;
 $brand-cyan: #43a699;
+$brand-main-light: #88bec8;
 $brand-light: #e7eef4;
 
-$brand-grey: #6b7f88;
+$brand-grey: #4e5d63;
 $brand-grey-light: lighten($brand-grey, 15%);
-$brand-grey-dimmed: lighten($brand-grey, 30%);
+$brand-grey-dimmed: lighten($brand-grey, 50%);
 
 $alert-info: #f7f1e4;
 $alert-success: #dff0d8;
@@ -20,8 +20,8 @@ $alert-error: #f2dede;
 // Backgrounds
 /////////////////////////////////////
 
-$body-background-color: #dfe8ef;
-$body-background-color--dark: darken($brand-grey, 30%);
+$body-background-color: $brand-light;
+$body-background-color--dark: darken($brand-grey, 22%);
 
 $page-background-color: $brand-light;
 
@@ -31,8 +31,8 @@ $page-background-color: $brand-light;
 $text-color: $brand-grey;
 $text-color-light: $brand-grey-light;
 
-$text-color--dark: $brand-grey-light;
-$text-color-light--dark: $brand-grey;
+$text-color--dark: lighten($brand-grey-light, 5%);
+$text-color-light--dark: lighten($brand-grey-light, 5%);
 
 $link-color: $brand-cyan;