From 760f9b0798d5aace57d85f31ffef3fc30768dd4b Mon Sep 17 00:00:00 2001
From: Simon G <development@gol.ms>
Date: Fri, 22 May 2020 14:52:32 +0200
Subject: [PATCH] fix: allow background css variable to use e.g.
 linear-gradient

---
 src/components/device-navigation-bar/device-navigation-bar.scss | 2 +-
 src/components/device-status-bar/device-status-bar.scss         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/device-navigation-bar/device-navigation-bar.scss b/src/components/device-navigation-bar/device-navigation-bar.scss
index 701a48e..ee5eada 100644
--- a/src/components/device-navigation-bar/device-navigation-bar.scss
+++ b/src/components/device-navigation-bar/device-navigation-bar.scss
@@ -28,7 +28,7 @@
     align-items: center;
     align-content: center;
     justify-content: center;
-    background-color: var(--background);
+    background: var(--background);
     max-height: var(--height);
     min-height: var(--height);
     color: var(--color);
diff --git a/src/components/device-status-bar/device-status-bar.scss b/src/components/device-status-bar/device-status-bar.scss
index baf7229..13cab16 100644
--- a/src/components/device-status-bar/device-status-bar.scss
+++ b/src/components/device-status-bar/device-status-bar.scss
@@ -20,7 +20,7 @@
   width: 100%;
   z-index: 100;
   .status-bar {
-    background-color: var(--background);
+    background: var(--background);
     color: var(--color);
     display: flex;
     font-size: 12px;