From a5239c1cb69642bcff7d917fd8289e26b6a3d249 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bel=C3=A9n=20Albeza?= <belen@hey.com>
Date: Thu, 1 Feb 2024 16:14:27 +0100
Subject: [PATCH] :bug: Fix bad background for new team button in light theme

---
 frontend/resources/styles/common/refactor/design-tokens.scss | 4 ++++
 frontend/src/app/main/ui/dashboard/sidebar.scss              | 5 +----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/resources/styles/common/refactor/design-tokens.scss b/frontend/resources/styles/common/refactor/design-tokens.scss
index 45c677671..9b8d5bfff 100644
--- a/frontend/resources/styles/common/refactor/design-tokens.scss
+++ b/frontend/resources/styles/common/refactor/design-tokens.scss
@@ -361,6 +361,10 @@
   // TEXT SELECTION
   --text-editor-selection-background-color: var(--da-tertiary-70);
   --text-editor-selection-foreground-color: var(--app-white);
+
+  // NEW TEAM BUTTON
+  // TODO: we should not put these functional tokens here, but rather in the components they belong to
+  --new-team-button-background-color: var(--color-background-primary);
 }
 
 #app {
diff --git a/frontend/src/app/main/ui/dashboard/sidebar.scss b/frontend/src/app/main/ui/dashboard/sidebar.scss
index 27b31d569..7a7f69a7d 100644
--- a/frontend/src/app/main/ui/dashboard/sidebar.scss
+++ b/frontend/src/app/main/ui/dashboard/sidebar.scss
@@ -232,13 +232,10 @@
       width: $s-168;
     }
 
-    .new-team {
-      background-color: $db-quaternary;
-    }
-
     &.action {
       .team-icon {
         background-color: #2e3434;
+        background-color: var(--new-team-button-background-color);
         border-radius: 50%;
         height: $s-24;
         margin-right: $s-12;