starred/coolify
1
0
Fork 0
mirror of https://github.com/coollabsio/coolify.git synced 2026-11-12 15:53:46 -04:00
Code Issues Packages Projects Releases Wiki Activity

style(source): align dark source selection with brand colors

Browse Source
This commit is contained in:
Andras Bacsai
2026-10-22 16:04:30 +02:00
parent eeaeacbe3f
commit 61e46da88d
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/app.css
+5
View File
@@ -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 {
resources/views/livewire/project/application/source.blade.php
+3 -3
View File
@@ -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>