From 0a87f33d89f25345662147c6719aa4d239fe5e6a Mon Sep 17 00:00:00 2001
From: Nils Schneider <nils.schneider@posteo.de>
Date: Fri, 31 Oct 2025 02:29:38 +0100
Subject: [PATCH] style

---
 frontend/src/DesktopWorkspace.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/DesktopWorkspace.css b/frontend/src/DesktopWorkspace.css
index 63f4fb1..352d31a 100644
--- a/frontend/src/DesktopWorkspace.css
+++ b/frontend/src/DesktopWorkspace.css
@@ -100,7 +100,7 @@
   pointer-events: auto;
   cursor: grab;
   transition: transform 0.16s ease, opacity 0.2s ease, box-shadow 0.2s ease;
-  box-shadow: 2px 2px 4px color-mix(in oklch, black 18%, transparent);
+  box-shadow: 2px 2px 4px var(--shadow-medium);
 }
 
 .tag-chip--draggable:active {
@@ -192,7 +192,7 @@ body.skeuo-cursor-remove * {
   justify-content: center;
   width: 100%;
   height: 100%;
-  box-shadow: 0 12px 32px color-mix(in oklch, black 18%, transparent);
+  box-shadow: 0 12px 32px var(--shadow-medium);
   overflow: hidden;
 }
 
@@ -204,10 +204,10 @@ body.skeuo-cursor-remove * {
 }
 
 .skeuo-item__card--empty {
+  box-shadow: 0 12px 32px var(--shadow-medium);
   background:
-    radial-gradient(circle at 28% 24%, color-mix(in oklch, white 32%, transparent), transparent 60%),
-    radial-gradient(circle at 72% 78%, color-mix(in oklch, black 8%, transparent), transparent 65%),
-    linear-gradient(135deg, #e6e1d6 0%, #d2cdc2 100%);
+    radial-gradient(circle at 42% 38%, color-mix(in oklch, var(--surface-subtle) 75%, var(--selection) 25%), color-mix(in oklch, var(--surface-subtle) 85%, var(--selection) 15%) 70%),
+    linear-gradient(135deg, color-mix(in oklch, var(--surface-subtle) 88%, var(--selection-soft) 12%) 0%, color-mix(in oklch, var(--surface-subtle) 65%, var(--shadow-faint) 35%) 100%);
   width: 100%;
   height: 100%;
   display: flex;
@@ -239,7 +239,7 @@ body.skeuo-cursor-remove * {
 .skeuo-item__title {
   font-size: 0.95rem;
   font-weight: 500;
-  color: #3b3b3b;
+  color: var(--fg);
   max-width: 90%;
   overflow: hidden;
   overflow-wrap: anywhere;