From 47320330adcabe60475e58c9ee7424ff29c59ae4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9s=20Moya?= <andres.moya@kaleidos.net>
Date: Mon, 15 Mar 2021 11:23:12 +0100
Subject: [PATCH] :sparkles: Activate SCSS library to manipulate colors

---
 frontend/resources/styles/main-default.scss            | 10 ++++++++--
 .../styles/main/partials/dashboard-sidebar.scss        |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/resources/styles/main-default.scss b/frontend/resources/styles/main-default.scss
index 8c6c1e6225..4ad1f8eac8 100644
--- a/frontend/resources/styles/main-default.scss
+++ b/frontend/resources/styles/main-default.scss
@@ -7,9 +7,15 @@
 //
 // Copyright (c) 2020 UXBOX Labs SL
 
-// MAIN STYLES
+
 //#################################################
-//
+// Import libraries
+//#################################################
+
+@use "sass:color";
+
+//#################################################
+// MAIN STYLES
 //#################################################
 
 @import "common/dependencies/colors";
diff --git a/frontend/resources/styles/main/partials/dashboard-sidebar.scss b/frontend/resources/styles/main/partials/dashboard-sidebar.scss
index 5aac64f255..089f8c08b3 100644
--- a/frontend/resources/styles/main/partials/dashboard-sidebar.scss
+++ b/frontend/resources/styles/main/partials/dashboard-sidebar.scss
@@ -251,7 +251,7 @@
       }
 
       &.dragging {
-        background-color: $color-primary-lighter;
+        background-color: color.adjust($color-primary, $alpha: -0.69);
       }
     }
   }