From 2962d2e5f3f2b123a056fcd023e06b2b08953b72 Mon Sep 17 00:00:00 2001
From: Samuel Imolorhe <samuelimolo4real@gmail.com>
Date: Wed, 16 Sep 2020 21:19:21 +0200
Subject: [PATCH] Removed unnecessary styles in styles.scss

---
 .../app/services/theme/defaults/dracula.ts    |  2 +-
 .../src/app/services/theme/theme.ts           |  4 ++--
 packages/altair-app/src/styles.scss           | 19 -------------------
 3 files changed, 3 insertions(+), 22 deletions(-)

diff --git a/packages/altair-app/src/app/services/theme/defaults/dracula.ts b/packages/altair-app/src/app/services/theme/defaults/dracula.ts
index c29a77ca7c..6e19404532 100644
--- a/packages/altair-app/src/app/services/theme/defaults/dracula.ts
+++ b/packages/altair-app/src/app/services/theme/defaults/dracula.ts
@@ -8,7 +8,7 @@ const theme: ICustomTheme = {
     offFont: '#f8f8f2',
     border: '#40414d',
     offBorder: '#383942',
-    headerBg: '#303240', // var(--theme-off-bg-color);
+    headerBg: '#303240',
   },
   editor: {
     colors: {
diff --git a/packages/altair-app/src/app/services/theme/theme.ts b/packages/altair-app/src/app/services/theme/theme.ts
index 4d886bfb18..ba3e02b93c 100644
--- a/packages/altair-app/src/app/services/theme/theme.ts
+++ b/packages/altair-app/src/app/services/theme/theme.ts
@@ -57,9 +57,9 @@ const theme = deepmerge(foundations, {
       comment: foundations.colors.darkGray,
       string: foundations.colors.orange,
       number: foundations.colors.orange,
-      variable: foundations.colors.black, // var(--theme-font-color);
+      variable: foundations.colors.black,
       keyword: foundations.colors.blue,
-      atom: foundations.colors.black, // var(--theme-font-color);
+      atom: foundations.colors.black,
       attribute: foundations.colors.green,
       property: foundations.colors.blue,
       punctuation: foundations.colors.blue,
diff --git a/packages/altair-app/src/styles.scss b/packages/altair-app/src/styles.scss
index cb21c8bf8f..26af42c9da 100644
--- a/packages/altair-app/src/styles.scss
+++ b/packages/altair-app/src/styles.scss
@@ -13,22 +13,3 @@
 @import "scss/globals";
 @import "scss/framework";
 @import "scss/all";
-
-@mixin dark-theme {
-  // Reset the imported modules for the new theme.
-  // This is required because clarity uses the exports mixin mechanism to prevent loading components multiple times.
-  // This prevents being able to include styles for the component in the new theme class.
-  // $imported-modules: () !global;
-
-}
-
-.dark-theme {
-  @include dark-theme;
-}
-
-.system-theme {
-  @media (prefers-color-scheme: dark) {
-    @include dark-theme;
-  }
-  // @media (prefers-color-scheme: light) {}
-}