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 {