From 5e0bb5025bbf771a1a9aa774db4014920a0d0dfc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9s=20Moya?= <andres.moya@kaleidos.net>
Date: Wed, 13 Nov 2024 14:22:57 +0100
Subject: [PATCH] :lipstick: Change naming to conform with Penpot DS

---
 frontend/src/app/main/ui/ds/colors.scss                | 2 --
 frontend/src/app/main/ui/ds/elevations.scss            | 6 ++----
 frontend/src/app/main/ui/workspace/tokens/sidebar.scss | 2 +-
 3 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/frontend/src/app/main/ui/ds/colors.scss b/frontend/src/app/main/ui/ds/colors.scss
index 7a5353c32..6d0823c93 100644
--- a/frontend/src/app/main/ui/ds/colors.scss
+++ b/frontend/src/app/main/ui/ds/colors.scss
@@ -83,7 +83,6 @@ $grayish-red: #bfbfbf;
   --color-foreground-primary: #{$black};
   --color-foreground-secondary: #{$blue-teal-700};
 
-  --color-shadow: #{color.change($blue-teal-700, $alpha: 0.2)};
   --color-shadow-dark: #{color.change($gray-200, $alpha: 0.6)};
   --color-overlay-default: #{$white-60};
   --color-overlay-onboarding: #{$white-90};
@@ -116,7 +115,6 @@ $grayish-red: #bfbfbf;
   --color-foreground-primary: #{$white};
   --color-foreground-secondary: #{$grayish-blue-500};
 
-  --color-shadow: #{color.change($black, $alpha: 0.6)};
   --color-shadow-dark: #{color.change($black, $alpha: 0.6)};
   --color-overlay-default: #{$gray-950-60};
   --color-overlay-onboarding: #{$gray-950-90};
diff --git a/frontend/src/app/main/ui/ds/elevations.scss b/frontend/src/app/main/ui/ds/elevations.scss
index dfc28f880..768fe641b 100644
--- a/frontend/src/app/main/ui/ds/elevations.scss
+++ b/frontend/src/app/main/ui/ds/elevations.scss
@@ -4,11 +4,9 @@
 //
 // Copyright (c) KALEIDOS INC
 
-$elevation-shadow: 0 0 10px 0 var(--color-shadow);
-$elevation-shadow-dark: 0 0 10px 0 var(--color-shadow-dark);
+$el-shadow-dark: 0 0 10px 0 var(--color-shadow-dark);
 
 :global(.light),
 :global(.default) {
-  --elevation-shadow: #{$elevation-shadow};
-  --elevation-shadow-dark: #{$elevation-shadow-dark};
+  --el-shadow-dark: #{$el-shadow-dark};
 }
diff --git a/frontend/src/app/main/ui/workspace/tokens/sidebar.scss b/frontend/src/app/main/ui/workspace/tokens/sidebar.scss
index 6a4877f45..186a63933 100644
--- a/frontend/src/app/main/ui/workspace/tokens/sidebar.scss
+++ b/frontend/src/app/main/ui/workspace/tokens/sidebar.scss
@@ -121,7 +121,7 @@
   padding: $s-16;
   margin-top: $s-8;
   background-color: var(--color-background-primary);
-  box-shadow: var(--elevation-shadow-dark);
+  box-shadow: var(--el-shadow-dark);
 }
 
 .import-export-button {