From 0eccd339192ce538f9f7a41f1375cdcbe4bee1c4 Mon Sep 17 00:00:00 2001 From: Jakob Scheid Date: Fri, 22 May 2026 17:45:46 +0200 Subject: [PATCH] Add CSS variable for blue box shadow --- src/features/search/components/Searchbar.vue | 2 +- src/styles/variables/colors.css | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/Searchbar.vue index 817945e..0e52512 100644 --- a/src/features/search/components/Searchbar.vue +++ b/src/features/search/components/Searchbar.vue @@ -55,7 +55,7 @@ const submitSearch = function () { display: flex; align-items: center; border: 1.5px solid var(--border); - box-shadow: 0 0px 32px rgba(69, 98, 190, 0.25); + box-shadow: 0 0px 32px var(--blue-box-shadow); border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding)); padding: var(--padding); padding-left: var(--padding-left); diff --git a/src/styles/variables/colors.css b/src/styles/variables/colors.css index 51b81e5..3fcf1cb 100644 --- a/src/styles/variables/colors.css +++ b/src/styles/variables/colors.css @@ -79,6 +79,7 @@ limitations under the License. --border: var(--white-d-3); --gray-box-shadow: oklch(0.8 0.0001 271 / 0.7); + --blue-box-shadow: oklch(0.52 0.15 268 / 0.25); } @media (prefers-color-scheme: dark) {