From 24ae95a007e050bfc0fa0ba0fbd3a452f665b7d7 Mon Sep 17 00:00:00 2001
From: Brian McGee <brian@bmcgee.ie>
Date: Mon, 11 Aug 2025 17:41:22 +0100
Subject: [PATCH] fix(ui): swap colors for inverted/non-inverted in Divider
 component

Fixes #4602
---
 pkgs/clan-app/ui/src/components/Divider/Divider.css   | 4 ++--
 pkgs/clan-app/ui/src/routes/Onboarding/Onboarding.tsx | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/pkgs/clan-app/ui/src/components/Divider/Divider.css b/pkgs/clan-app/ui/src/components/Divider/Divider.css
index b82f258f8..1cfd2acf4 100644
--- a/pkgs/clan-app/ui/src/components/Divider/Divider.css
+++ b/pkgs/clan-app/ui/src/components/Divider/Divider.css
@@ -1,8 +1,8 @@
 hr {
-  @apply border-none outline-none bg-inv-2 self-stretch;
+  @apply border-none outline-none bg-def-3 self-stretch;
 
   &.inverted {
-    @apply bg-def-3;
+    @apply bg-inv-2;
   }
 
   &[data-orientation="horizontal"] {
diff --git a/pkgs/clan-app/ui/src/routes/Onboarding/Onboarding.tsx b/pkgs/clan-app/ui/src/routes/Onboarding/Onboarding.tsx
index 03b406ca3..cd0dfceaf 100644
--- a/pkgs/clan-app/ui/src/routes/Onboarding/Onboarding.tsx
+++ b/pkgs/clan-app/ui/src/routes/Onboarding/Onboarding.tsx
@@ -136,7 +136,7 @@ const welcome = (props: {
         Start building
       </Button>
       <div class="separator">
-        <Divider orientation="horizontal" inverted={true} />
+        <Divider orientation="horizontal" />
         <Typography
           hierarchy="body"
           size="s"
@@ -146,7 +146,7 @@ const welcome = (props: {
         >
           or
         </Typography>
-        <Divider orientation="horizontal" inverted={true} />
+        <Divider orientation="horizontal" />
       </div>
       <Button hierarchy="primary" ghost={true} onAction={selectFolder}>
         Select folder
@@ -318,7 +318,7 @@ export const Onboarding: Component<RouteSectionProps> = (props) => {
                       />
                     )}
                   </Field>
-                  <Divider inverted={true} />
+                  <Divider />
                   <Field name="description">
                     {(field, input) => (
                       <TextArea