From 596d09c6d5b5dc68311c9b3c2341bceb80ac9cf6 Mon Sep 17 00:00:00 2001
From: tidusjar <tidusjar@gmail.com>
Date: Fri, 15 Jan 2021 08:14:52 +0000
Subject: [PATCH] Use some new vars in the scss

---
 .../carousel-list/carousel-list.component.scss       |  6 +++---
 .../ClientApp/src/app/my-nav/my-nav.component.scss   | 12 ++++++------
 src/Ombi/ClientApp/src/styles/variables.scss         |  8 +++++++-
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss b/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss
index d640fbe8e..346179dd7 100644
--- a/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss
+++ b/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss
@@ -63,8 +63,8 @@
 }
 
 .discover-filter-buttons-group {
-  background: #0f171d;
-  border: 1px solid #35465c;
+  background: $ombi-background-primary;
+  border: 1px solid $ombi-background-primary-accent;
   border-radius: 30px;
   color:#fff;
   margin-bottom:10px;
@@ -78,7 +78,7 @@
   }
 
   .discover-filter-button.cdk-focused{
-    background:#62d2fa;
+    background:$ombi-active;
   }
 
   .discover-filter-button .mat-button-toggle-button:focus{
diff --git a/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss b/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss
index d0f1bdcc9..ed853ac4d 100644
--- a/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss
+++ b/src/Ombi/ClientApp/src/app/my-nav/my-nav.component.scss
@@ -122,7 +122,7 @@
     .application-name{
         font-family: 'Montserrat', sans-serif;
         text-transform: uppercase;
-        color:#62d2fa;
+        color: $ombi-active;
         align-items:center;
         justify-content: center;
         font-weight: 700;
@@ -148,8 +148,8 @@
     }
     
     .active-list-item{
-        color:#1b242f;
-        background: #62d2fa;
+        color:$ombi-background-accent;
+        background: $ombi-active;
         border-radius:0px 30px 30px 0px;
         padding:10px 20px;
         height:auto;
@@ -162,12 +162,12 @@
 }
 
 .content-container{
-    background: #0f171d;
+    background: $ombi-background-primary;
     color:#FFF;
 
     .top-bar-container{
-        background: #0f171d;
-        color:#35465c; 
+        background: $ombi-background-primary;
+        color:$ombi-background-primary-accent; 
     }
 
 }
\ No newline at end of file
diff --git a/src/Ombi/ClientApp/src/styles/variables.scss b/src/Ombi/ClientApp/src/styles/variables.scss
index 2bd0d40e5..3e497bbc8 100644
--- a/src/Ombi/ClientApp/src/styles/variables.scss
+++ b/src/Ombi/ClientApp/src/styles/variables.scss
@@ -36,4 +36,10 @@ $text-dark: white;
 $panel: mat-color(mat-palette($mat-grey, 800));
 $primary-dark: mat-color($ombi-dark-app-primary);
 $accent-dark: mat-color($ombi-dark-app-accent);
-$warn-dark: mat-color($ombi-dark-app-warn);
\ No newline at end of file
+$warn-dark: mat-color($ombi-dark-app-warn);
+
+
+$ombi-active: #62d2fa;
+$ombi-background-accent: #1b242f;
+$ombi-background-primary: #0f171f;
+$ombi-background-primary-accent: #35465c;
\ No newline at end of file