From 18c34fe5d65cbc393df9907e02a626fe3b84fc1e Mon Sep 17 00:00:00 2001 From: Stefan Dietz Date: Tue, 21 Jan 2025 09:27:46 +0100 Subject: [PATCH] Increase contrast for card box-shadow Refs: #6831 --- packages/themes/default/src/components/card.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/packages/themes/default/src/components/card.scss b/packages/themes/default/src/components/card.scss index 2d81cfede7..ccbb5d4810 100644 --- a/packages/themes/default/src/components/card.scss +++ b/packages/themes/default/src/components/card.scss @@ -1,7 +1,6 @@ @import '../mixins/rem'; @layer kol-theme-component { - /* https://www.figma.com/file/56JbmrssCRpjpfxoAFeHqT/Design-System-EPLF-(in-progress)?node-id=8225%3A5945 */ .kol-card { font-family: var(--font-family); display: grid; @@ -9,7 +8,7 @@ height: 100%; background-color: var(--color-light); grid-template-rows: min-content 2fr min-content; - box-shadow: 0 0 rem(4) var(--color-subtle); + box-shadow: 0 0 rem(4) color-mix(in srgb, black 80%, var(--color-subtle)); // darken by 80% to maintain contrast of 3:1 border-radius: var(--border-radius); &__header {