From 9ffab0291addcbfaa7adea7898dbfbd279d1a67b Mon Sep 17 00:00:00 2001
From: Jakob Pinterits <jakob.pinterits@gmail.com>
Date: Tue, 2 Jul 2024 21:27:52 +0200
Subject: [PATCH] list item styling fixes

---
 frontend/code/components/switcherBar.ts | 2 +-
 frontend/css/style.scss                 | 4 ++++
 rio/theme.py                            | 6 +++++-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/code/components/switcherBar.ts b/frontend/code/components/switcherBar.ts
index 29097dd4..29d49a62 100644
--- a/frontend/code/components/switcherBar.ts
+++ b/frontend/code/components/switcherBar.ts
@@ -69,7 +69,7 @@ export class SwitcherBarComponent extends ComponentBase {
         });
 
         this.moveTween = new KineticTween({
-            acceleration: 150 * pixelsPerRem,
+            acceleration: 50 * pixelsPerRem,
         });
 
         // The marker needs updating when the element is resized
diff --git a/frontend/css/style.scss b/frontend/css/style.scss
index 491c57a8..223172b5 100644
--- a/frontend/css/style.scss
+++ b/frontend/css/style.scss
@@ -2574,6 +2574,10 @@ $rio-input-box-small-label-spacing-top: 0.5rem;
 .rio-heading-list-item {
     pointer-events: none;
     box-sizing: border-box;
+    margin-left: var(--rio-global-corner-radius-medium);
+    margin-top: 1rem;
+    margin-right: var(--rio-global-corner-radius-medium);
+    margin-bottom: 0.4rem;
 }
 
 .rio-custom-list-item {
diff --git a/rio/theme.py b/rio/theme.py
index 98a5a53a..3e74d4e0 100644
--- a/rio/theme.py
+++ b/rio/theme.py
@@ -500,7 +500,11 @@ class Theme:
             foreground=_derive_color(disabled_color, 0.4),
         )
 
-        shadow_color = rio.Color.from_rgb(0.1, 0.1, 0.4, 0.3)
+        # Shadow color
+        if mode == "light":
+            shadow_color = rio.Color.from_rgb(0.1, 0.1, 0.4, 0.3)
+        else:
+            shadow_color = rio.Color.from_rgb(0, 0, 0, 0.4)
 
         # Semantic colors
         if success_color is None: