From 3db7835c382fac3cc916aab75433b42fe1113a76 Mon Sep 17 00:00:00 2001
From: Robert Lord <robert@lord.io>
Date: Fri, 31 Mar 2017 14:50:37 -0500
Subject: [PATCH] Switch default fonts to system fonts, very slightly blueify
 default colors

---
 source/stylesheets/_variables.scss | 16 ++++++++--------
 source/stylesheets/screen.css.scss |  6 +++---
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/source/stylesheets/_variables.scss b/source/stylesheets/_variables.scss
index 3ec2c10..c96c95f 100644
--- a/source/stylesheets/_variables.scss
+++ b/source/stylesheets/_variables.scss
@@ -23,18 +23,18 @@ under the License.
 
 // BACKGROUND COLORS
 ////////////////////
-$nav-bg: #393939 !default;
-$examples-bg: #393939 !default;
-$code-bg: #292929 !default;
-$code-annotation-bg: #1c1c1c !default;
+$nav-bg: #2E3336 !default;
+$examples-bg: #2E3336 !default;
+$code-bg: #1E2224 !default;
+$code-annotation-bg: #191D1F !default;
 $nav-subitem-bg: #262626 !default;
 $nav-active-bg: #0F75D4 !default;
 $nav-active-parent-bg: #262626 !default; // parent links of the current section
 $lang-select-border: #000 !default;
-$lang-select-bg: #222 !default;
+$lang-select-bg: #1E2224 !default;
 $lang-select-active-bg: $examples-bg !default; // feel free to change this to blue or something
 $lang-select-pressed-bg: #111 !default; // color of language tab bg when mouse is pressed
-$main-bg: #eaf2f6 !default;
+$main-bg: #F3F7F9 !default;
 $aside-notice-bg: #8fbcd4 !default;
 $aside-warning-bg: #c97a7e !default;
 $aside-success-bg: #6ac174 !default;
@@ -70,8 +70,8 @@ $phone-width: $tablet-width - $nav-width !default; // min width before reverting
 // FONTS
 ////////////////////
 %default-font {
-  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
-  font-size: 13px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-size: 14px;
 }
 
 %header-font {
diff --git a/source/stylesheets/screen.css.scss b/source/stylesheets/screen.css.scss
index 3965742..7abf60e 100644
--- a/source/stylesheets/screen.css.scss
+++ b/source/stylesheets/screen.css.scss
@@ -351,11 +351,11 @@ html, body {
     font-size: 25px;
     padding-top: 0.5em;
     padding-bottom: 0.5em;
-    border-bottom: 1px solid #ccc;
     margin-bottom: $h1-margin-bottom;
     margin-top: 2em;
-    border-top: 1px solid #ddd;
-    background-image: linear-gradient(to bottom, #fff, #fbfbfb);
+    border-top: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
+    background-color: #fdfdfd;
   }
 
   h1:first-child, div:first-child + h1 {