From 61e46da88de45a34bec0dd32b9b8ee9ec0998e59 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Thu, 22 Oct 2026 16:04:30 +0200
Subject: [PATCH] style(source): align dark source selection with brand colors

---
 resources/css/app.css                                       | 5 +++++
 .../views/livewire/project/application/source.blade.php     | 6 +++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/resources/css/app.css b/resources/css/app.css
index 3694f7ff41..d87b65d946 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -6047,6 +6047,11 @@ html.dark :is(.app-sidebar, .mobile-sidebar-sheet) .menu-search kbd {
     border-color: rgb(163 145 255 / 0.18) !important;
 }
 
+/* Group dividers use the lavender sidebar edge: the neutral hairline looks olive on the purple-black sidebar. */
+html.dark :is(.app-sidebar, .mobile-sidebar-sheet) .sidebar-nav :is([class~="dark:border-white/[0.06]"], [class~="dark:border-white/[0.07]"], [class~="dark:border-white/[0.08]"]) {
+    border-color: rgb(163 145 255 / 0.10) !important;
+}
+
 /* The collapsed rail shows Search as a tile like the other items: no row frame (the fill is
    removed in the utilities layer above), the dark tile. */
 html.dark .app-sidebar nav.sidebar-collapsed .menu-search {
diff --git a/resources/views/livewire/project/application/source.blade.php b/resources/views/livewire/project/application/source.blade.php
index c2dbc5836b..e2cea2e5bd 100644
--- a/resources/views/livewire/project/application/source.blade.php
+++ b/resources/views/livewire/project/application/source.blade.php
@@ -90,10 +90,10 @@
                 <div class="grid gap-2 sm:grid-cols-2">
                     @if ($currentSource)
                         <div
-                            class="relative flex min-h-16 items-center gap-3 rounded-xl border border-coollabs/30 bg-coollabs/[0.06] p-3 ring-1 ring-coollabs/20 dark:border-warning/30 dark:bg-warning/[0.08] dark:ring-warning/15"
+                            class="relative flex min-h-16 items-center gap-3 rounded-xl border border-coollabs/30 bg-coollabs/[0.06] p-3 ring-1 ring-coollabs/20 dark:border-brand-light/30 dark:bg-brand/[0.12] dark:ring-brand-light/15"
                             aria-current="true">
                             <div
-                                class="flex size-9 shrink-0 items-center justify-center rounded-lg border border-coollabs/20 bg-white text-coollabs dark:border-warning/20 dark:bg-white/[0.04] dark:text-warning">
+                                class="flex size-9 shrink-0 items-center justify-center rounded-lg border border-coollabs/20 bg-white text-coollabs dark:border-brand-light/20 dark:bg-white/[0.04] dark:text-brand-light">
                                 <x-git-icon class="size-4" :git="$currentSourceMorph" />
                             </div>
                             <div class="min-w-0 flex-1">
@@ -171,7 +171,7 @@
                     <p class="mt-3 text-[12px] leading-5 text-neutral-500 dark:text-fg-dim">
                         No other sources available.
                         <a href="{{ route('source.all') }}" {{ wireNavigate() }}
-                            class="font-medium text-coollabs underline-offset-2 hover:underline dark:text-warning">Connect
+                            class="font-medium text-coollabs underline-offset-2 hover:underline dark:text-brand-light">Connect
                             another source</a>
                         to switch providers.
                     </p>