Merge pull request #7 from RunnableDemo/revert-6-dark-theme

Revert "Add dark theme"

Author: runnabro

app/assets/stylesheets/application.scss

@@ -1,9 +1,3 @@
-// dark theme colors
-$bg: #222;
-$gray: #888;
-$gray-dark: #555;
-$text-color: #fafafa;
-
 body,
 ul,
 li,
@@ -20,8 +14,8 @@ p {
 }
 
 body {
-  background: $bg;
-  color: $text-color;
+  background: #fafafa;
+  color: #555;
   font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
   line-height: 1.4;
 }
@@ -40,10 +34,10 @@ body {
 }
 
 .todo-list {
-  background: $gray-dark;
-  border: 1px solid transparent;
+  background: white;
+  border: 1px solid #e6e6e6;
   border-radius: 6px;
-  box-shadow: 0 1px 3px rgba(0,0,0,.1);
+  box-shadow: 0 1px 3px rgba(0,0,0,.06);
   margin: 15px 0 150px;
 }
 
@@ -55,13 +49,13 @@ body {
 
   + .new_todo,
   + .todo-list-item {
-    border-top: 1px solid rgba(0,0,0,.3);
+    border-top: 1px solid #e6e6e6
   }
 }
 
 .button-complete {
-  background: $gray-dark;
-  border: 3px solid rgba(0,0,0,.3);
+  background: #fff;
+  border: 3px solid #e6e6e6;
   border-radius: 6px;
   cursor: pointer;
   flex: 0 0 auto;
@@ -71,7 +65,7 @@ body {
 }
 
 .button-edit {
-  color: $gray;
+  color: #888;
   font-size: 15px;
   margin-left: auto;
   position: relative;
@@ -88,11 +82,12 @@ body {
 }
 
 .notification {
-  background: $gray-dark;
-  border: 1px solid transparent;
+  background: #fff;
+  border: 1px solid #e6e6e6;
   border-radius: 6px;
   border-width: 1px;
   box-shadow: 0 1px 3px rgba(0,0,0,.06);
+  color: #555;
   display: flex;
   padding: 15px;
 }