From 7ef34e8f596c30e0696a6632f9fcf37aa917d3e9 Mon Sep 17 00:00:00 2001
From: siddhant <30566406+siddhant1@users.noreply.github.com>
Date: Wed, 3 Apr 2019 00:40:49 +0530
Subject: [PATCH] Since uploader was not present in the imports , the styles
 were not showin up (#946)

* fixed styles not showing up

* Added theme support

* Fixed Styles

* Fixed styles

* Refactor
---
 client/styles/abstracts/_variables.scss | 3 +++
 client/styles/components/_uploader.scss | 4 +++-
 client/styles/main.scss                 | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/client/styles/abstracts/_variables.scss b/client/styles/abstracts/_variables.scss
index ada53ea9..08c1d917 100644
--- a/client/styles/abstracts/_variables.scss
+++ b/client/styles/abstracts/_variables.scss
@@ -17,6 +17,7 @@ $themes: (
   light: (
     logo-color: $p5js-pink,
     primary-text-color: #333,
+    dropzone-text-color: #333,
     modal-button-color: #333,
     heading-text-color: #333,
     secondary-text-color: #a8a8a8,
@@ -65,6 +66,7 @@ $themes: (
   dark: (
     logo-color: $p5js-pink,
     primary-text-color: $white,
+    dropzone-text-color: $black,
     modal-button-color: $white,
     heading-text-color: $white,
     secondary-text-color: #DADADA,
@@ -112,6 +114,7 @@ $themes: (
   contrast: (
     logo-color: $yellow,
     primary-text-color: $yellow,
+    dropzone-text-color: $black,
     modal-button-color: #333,
     heading-text-color: #e1e1e1,
     secondary-text-color: #e1e1e1,
diff --git a/client/styles/components/_uploader.scss b/client/styles/components/_uploader.scss
index 695e84da..c7e87799 100644
--- a/client/styles/components/_uploader.scss
+++ b/client/styles/components/_uploader.scss
@@ -1,5 +1,7 @@
 .dropzone {
-  color: $primary-text-color;
+  @include themify() {
+    color: getThemifyVariable('dropzone-text-color');
+  }
 }
 
 .uploader {
diff --git a/client/styles/main.scss b/client/styles/main.scss
index e4983def..12df45d3 100644
--- a/client/styles/main.scss
+++ b/client/styles/main.scss
@@ -41,6 +41,7 @@
 @import 'components/keyboard-shortcuts';
 @import 'components/copyable-input';
 @import 'components/feedback';
+@import 'components/uploader';
 
 @import 'layout/ide';
 @import 'layout/fullscreen';