v2.1.0, refactor w/ crimson

1 files changed, 15 insertions, 4 deletions

diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index e3230cd..1a48cdd 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -1,5 +1,5 @@
 
-$varient: "dark";
+$variant: "dark";
 
 $white: #e4e6eb;
 $white-alt: #b0b3b8;
@@ -13,6 +13,7 @@ $blue: #1778f2;
 $blue-alt: #1d85fc;
 $yellow: #dcde81;
 $yellow-alt: #808037;
+$grey-000: #121315;
 $grey-100: #18191a;
 $grey-200: #242526;
 $grey-300: #3a3b3c;
@@ -30,7 +31,7 @@ $text: null !default;
 $subtext: null !default;
 $btntext: null !default;
 
-@if $varient == "dark" {
+@if $variant == "dark" {
   $base: $grey-100;
   $surface0: $grey-200;
   $surface1: $grey-300;
@@ -40,8 +41,8 @@ $btntext: null !default;
   $btntext: $white;
 }
 
-@if $varient == "light" {
-  $base: $grey-900;
+@if $variant == "light" {
+  $base: $grey-800;
   $surface0: $grey-900;
   $surface1: $grey-800;
   $surface2: $grey-700;
@@ -50,6 +51,16 @@ $btntext: null !default;
   $btntext: $grey-500;
 }
 
+@if $variant == "amoled" {
+  $base: $black;
+  $surface0: $grey-000;
+  $surface1: $black;
+  $surface2: $grey-200;
+  $text: $white;
+  $subtext: $white-alt;
+  $btntext: $white;
+}
+
 $font: "Helvetica Neue", Helvetica, Verdana, Courier, monospace;
 $header-font: "Facebook";