remove color overrides

Author: jenweber

app/styles/_class.scss

@@ -90,9 +90,6 @@ article.chapter {
   .attribute-label {
     display: inline-block;
     width: 120px;
-    color: $black;
-    font-weight: bold;
-    text-transform: uppercase;
 
     @media (max-width: $mobile-portrait-screen){
       display: block;

app/styles/base/_lists.scss

@@ -31,7 +31,6 @@ ol {
         content: counter(customlistcounter) " ";
         border: 2px solid $base-border-color;
         border-radius: 50%;
-        color: $light-brown;
         float: left;
         font-size: $small-font-size;
         line-height: calc(2em - 4px);

app/styles/base/_typography.scss

@@ -12,10 +12,6 @@ h6 {
   }
 }
 
-h1 {
-  color: $ember-orange;
-}
-
 a {
   text-decoration: none;
   transition: color 0.1s linear;

app/styles/base/_variables.scss

@@ -19,8 +19,6 @@ $top-spacing: $base-spacing * 3.333; // 80px
 
 // Colors
 $ember-orange: #dd6a58;
-$light-brown: #b67d47;
-$brown: #865931;
 $medium-gray: #999;
 $dark-gray: #444545;
 $tan: #fffdf9;
@@ -60,7 +58,6 @@ $highlight-colors: (
 // Font Colors
 $base-font-color: $near-black;
 $dark-font-color: $dark-gray;
-$light-font-color: $light-brown;
 $action-color: $ember-orange;
 
 // Border

app/styles/components/_article.scss

@@ -7,7 +7,6 @@ article {
 
   .edit-page {
     @include size(24px, 18px);
-    color: $brown;
     display: inline-block;
     float: right;
     font-size: 1rem;

app/styles/components/_class-field-desc.scss

@@ -11,7 +11,6 @@
 }
 
 .args {
-  color: $light-brown;
   font-style: italic;
   font-weight: normal;
   font-size: $base-font-size;

app/styles/components/_highlight.scss

@@ -160,7 +160,7 @@
 }
 
 code {
-  background-color: $base-border-color;
+  background-color: #DCE0E6;
   border-radius: $base-border-radius;
   font-family: $monospace-font-family;
   font-size: 0.9em;

app/styles/components/_layout.scss

@@ -1,8 +1,3 @@
-body {
-  background-color: $base-background-color;
-  margin: 0;
-}
-
 main {
   @include media($large-screen) {
     display: flex;

app/styles/components/_sidebar.scss

@@ -1,6 +1,4 @@
 .sidebar {
-  background-color: $sidebar-background-color;
-  border-bottom: $base-border;
   position: relative;
   z-index: 1;
   padding: $small-spacing 0;
@@ -11,14 +9,12 @@
     margin-right: 0;
     width: 19em;
     border-bottom: 0;
-    border-right: $base-border;
     padding: $small-spacing $base-spacing $base-spacing * 1.5;
 
     &::before {
       @include position(absolute, 0 0 0 -100vw);
       content: "";
       display: block;
-      background-color: $sidebar-background-color;
       z-index: -1;
     }
 
@@ -54,7 +50,6 @@ label[for="toc-toggle"] {
 
   &:after {
     content: '';
-    border-color: $light-brown rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
     border-style: solid;
     border-width: 5px 4px 0 4px;
     height: 0;
@@ -67,7 +62,6 @@ label[for="toc-toggle"] {
   }
 
   .toc-toggle:checked ~ &:after {
-    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) $light-brown rgba(0, 0, 0, 0);
     border-width: 0 4px 5px 4px;
   }
 
@@ -98,7 +92,6 @@ li.toc-level-0 {
   margin-bottom: 0.5em;
 
   a {
-    color: $brown;
     display: block;
     line-height: 1.25;
     padding-top: 0.25em;