From 866d2e9fff8894ff297f750af894368c31df48b7 Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Thu, 2 Apr 2026 17:29:33 +0200
Subject: [PATCH] tasks: use Toggle component for recurring task switch

---
 src/lib/components/tasks/TaskForm.svelte | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/src/lib/components/tasks/TaskForm.svelte b/src/lib/components/tasks/TaskForm.svelte
index 1f78325..17d7ac3 100644
--- a/src/lib/components/tasks/TaskForm.svelte
+++ b/src/lib/components/tasks/TaskForm.svelte
@@ -2,6 +2,7 @@
   import { X, Sparkles, Wind, Bath, UtensilsCrossed, CookingPot, WashingMachine,
     Flower2, Droplets, Leaf, ShoppingCart, Trash2, Shirt, Brush } from 'lucide-svelte';
   import ProfilePicture from '$lib/components/cospend/ProfilePicture.svelte';
+  import Toggle from '$lib/components/Toggle.svelte';
 
   const USERS = ['anna', 'alexander'];
 
@@ -299,10 +300,7 @@
   </div>
 
   <div class="field-row">
-    <label class="checkbox-label">
-      <input type="checkbox" bind:checked={isRecurring} />
-      Wiederkehrend
-    </label>
+    <Toggle bind:checked={isRecurring} label="Wiederkehrend" accentColor="var(--nord10)" />
   </div>
 
   {#if isRecurring}
@@ -670,13 +668,6 @@
   .field-row {
     margin-bottom: 0.75rem;
   }
-  .checkbox-label {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    font-size: 0.85rem;
-    cursor: pointer;
-  }
 
   .form-actions {
     display: flex;