From e837a4f0b4a5ded6ad2061df8eea27dc4106c650 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Sun, 4 Oct 2026 13:46:21 +0200
Subject: [PATCH] style(ui): use neutral colors for selection checkmarks

---
 resources/views/components/theme-controls.blade.php  | 12 ++++++------
 .../project/application/backup/index.blade.php       |  4 ++--
 .../livewire/project/application/source.blade.php    |  2 +-
 resources/views/livewire/project/index.blade.php     |  2 +-
 .../views/livewire/project/new/select.blade.php      |  6 +++---
 .../views/livewire/project/resource/index.blade.php  |  2 +-
 .../project/service/volume-backup/index.blade.php    |  4 ++--
 resources/views/livewire/project/show.blade.php      |  2 +-
 resources/views/livewire/server/navbar.blade.php     |  2 +-
 resources/views/livewire/tags/show.blade.php         |  2 +-
 10 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/resources/views/components/theme-controls.blade.php b/resources/views/components/theme-controls.blade.php
index 795aefaa2e..d44de4178e 100644
--- a/resources/views/components/theme-controls.blade.php
+++ b/resources/views/components/theme-controls.blade.php
@@ -21,7 +21,7 @@
                                 :style="`background: ${themeColor}`"></span>
                             Custom
                         </span>
-                        <svg x-show="theme === 'custom'" class="size-3.5 text-coollabs dark:text-warning"
+                        <svg x-show="theme === 'custom'" class="size-3.5 text-black dark:text-fg"
                             viewBox="0 0 12 12" fill="none" aria-hidden="true">
                             <path d="{{ $checkPath }}" stroke="currentColor" stroke-width="1.4"
                                 stroke-linecap="round" stroke-linejoin="round" />
@@ -34,7 +34,7 @@
                     class="flex h-8 w-full items-center justify-between rounded-md px-2 text-left text-xs text-neutral-600 transition-colors hover:bg-neutral-200 hover:text-neutral-950 dark:text-fg-dim dark:hover:bg-white/[0.06] dark:hover:text-fg">
                     <span>{{ $option['label'] }}</span>
                     <svg x-show="theme === '{{ $option['value'] }}'"
-                        class="size-3.5 text-coollabs dark:text-warning" viewBox="0 0 12 12" fill="none"
+                        class="size-3.5 text-black dark:text-fg" viewBox="0 0 12 12" fill="none"
                         aria-hidden="true">
                         <path d="{{ $checkPath }}" stroke="currentColor" stroke-width="1.4"
                             stroke-linecap="round" stroke-linejoin="round" />
@@ -54,7 +54,7 @@
                 class="flex h-8 w-full items-center justify-between rounded-md px-2 text-left text-xs text-neutral-600 transition-colors hover:bg-neutral-200 hover:text-neutral-950 dark:text-fg-dim dark:hover:bg-white/[0.06] dark:hover:text-fg">
                 <span>{{ $option['label'] }}</span>
                 <svg x-show="pageWidth === '{{ $option['value'] }}'"
-                    class="size-3.5 text-coollabs dark:text-warning" viewBox="0 0 12 12" fill="none"
+                    class="size-3.5 text-black dark:text-fg" viewBox="0 0 12 12" fill="none"
                     aria-hidden="true">
                     <path d="{{ $checkPath }}" stroke="currentColor" stroke-width="1.4"
                         stroke-linecap="round" stroke-linejoin="round" />
@@ -99,7 +99,7 @@
                                 <div class="p-3">
                                     <div class="flex items-center justify-between gap-2">
                                         <span class="text-sm font-semibold text-black dark:text-fg">{{ $option['label'] }}</span>
-                                        <x-reicon name="check-circle" class="size-4 text-coollabs dark:text-warning"
+                                        <x-reicon name="check-circle" class="size-4 text-black dark:text-fg"
                                             x-show="theme === 'custom'" x-cloak />
                                     </div>
                                     <p class="mt-1 text-xs leading-5 text-neutral-500 dark:text-fg-dim">
@@ -129,7 +129,7 @@
                                     <span class="text-sm font-semibold text-black dark:text-fg">
                                         {{ $option['label'] }}
                                     </span>
-                                    <x-reicon name="check-circle" class="size-4 text-coollabs dark:text-warning"
+                                    <x-reicon name="check-circle" class="size-4 text-black dark:text-fg"
                                         x-show="theme === '{{ $option['value'] }}'" x-cloak />
                                 </div>
                                 <p class="mt-1 text-xs leading-5 text-neutral-500 dark:text-fg-dim">
@@ -172,7 +172,7 @@
                         <div class="p-3">
                             <div class="flex items-center justify-between gap-2">
                                 <span class="text-sm font-semibold text-black dark:text-fg">{{ $option['label'] }}</span>
-                                <x-reicon name="check-circle" class="size-4 text-coollabs dark:text-warning"
+                                <x-reicon name="check-circle" class="size-4 text-black dark:text-fg"
                                     x-show="pageWidth === '{{ $option['value'] }}'" x-cloak />
                             </div>
                             <p class="mt-1 text-xs leading-5 text-neutral-500 dark:text-fg-dim">{{ $option['description'] }}</p>
diff --git a/resources/views/livewire/project/application/backup/index.blade.php b/resources/views/livewire/project/application/backup/index.blade.php
index 140b9a6339..7e89bbcd07 100644
--- a/resources/views/livewire/project/application/backup/index.blade.php
+++ b/resources/views/livewire/project/application/backup/index.blade.php
@@ -124,7 +124,7 @@
                                     class="flex h-8 w-full items-center rounded-md px-2 text-left text-[12px] text-neutral-600 transition-colors hover:bg-neutral-100 hover:text-black dark:text-fg-dim dark:hover:bg-white/[0.06] dark:hover:text-fg"
                                     x-on:click="typeFilter = option.value; close()">
                                     <span class="flex-1" x-text="option.label"></span>
-                                    <svg x-show="typeFilter === option.value" class="size-3.5 text-warning"
+                                    <svg x-show="typeFilter === option.value" class="size-3.5 text-black dark:text-fg"
                                         viewBox="0 0 12 12" fill="none" aria-hidden="true">
                                         <path d="m2.5 6.25 2.1 2.1 4.9-5" stroke="currentColor" stroke-width="1.4"
                                             stroke-linecap="round" stroke-linejoin="round" />
@@ -146,7 +146,7 @@
                                     class="flex h-8 w-full items-center rounded-md px-2 text-left text-[12px] text-neutral-600 transition-colors hover:bg-neutral-100 hover:text-black dark:text-fg-dim dark:hover:bg-white/[0.06] dark:hover:text-fg"
                                     x-on:click="sortBy = option.value; close()">
                                     <span class="flex-1" x-text="option.label"></span>
-                                    <svg x-show="sortBy === option.value" class="size-3.5 text-warning"
+                                    <svg x-show="sortBy === option.value" class="size-3.5 text-black dark:text-fg"
                                         viewBox="0 0 12 12" fill="none" aria-hidden="true">
                                         <path d="m2.5 6.25 2.1 2.1 4.9-5" stroke="currentColor" stroke-width="1.4"
                                             stroke-linecap="round" stroke-linejoin="round" />
diff --git a/resources/views/livewire/project/application/source.blade.php b/resources/views/livewire/project/application/source.blade.php
index 3a964396b1..bf1b4bdccc 100644
--- a/resources/views/livewire/project/application/source.blade.php
+++ b/resources/views/livewire/project/application/source.blade.php
@@ -104,7 +104,7 @@
                                 </p>
                             </div>
                             <x-reicon name="check"
-                                class="size-4 shrink-0 text-coollabs dark:text-warning" />
+                                class="size-4 shrink-0 text-black dark:text-fg" />
                         </div>
                     @endif
 
diff --git a/resources/views/livewire/project/index.blade.php b/resources/views/livewire/project/index.blade.php
index 0a12eac63c..a55f565ed8 100644
--- a/resources/views/livewire/project/index.blade.php
+++ b/resources/views/livewire/project/index.blade.php
@@ -66,7 +66,7 @@
                                     class="flex h-9 w-full items-center rounded-md px-2 text-left text-[12px] text-neutral-600 transition-colors hover:bg-neutral-100 hover:text-black dark:text-fg-dim dark:hover:bg-white/[0.06] dark:hover:text-fg"
                                     x-on:click="sortBy = option.value; close(); page = 1">
                                     <span class="flex-1" x-text="option.label"></span>
-                                    <svg x-show="sortBy === option.value" class="size-3.5 text-warning"
+                                    <svg x-show="sortBy === option.value" class="size-3.5 text-black dark:text-fg"
                                         viewBox="0 0 12 12" fill="none" aria-hidden="true">
                                         <path d="m2.5 6.25 2.1 2.1 4.9-5" stroke="currentColor"
                                             stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
diff --git a/resources/views/livewire/project/new/select.blade.php b/resources/views/livewire/project/new/select.blade.php
index d9c6970b20..63386039e8 100644
--- a/resources/views/livewire/project/new/select.blade.php
+++ b/resources/views/livewire/project/new/select.blade.php
@@ -35,7 +35,7 @@
                                         :aria-selected="resourceType === option.value"
                                         @click="resourceType = option.value; close()">
                                         <span x-text="option.label"></span>
-                                        <x-reicon name="check-circle" class="size-3.5 text-accent"
+                                        <x-reicon name="check-circle" class="size-3.5 text-black dark:text-fg"
                                             x-show="resourceType === option.value" />
                                     </button>
                                 </template>
@@ -71,7 +71,7 @@
                                         :aria-selected="selectedCategory === ''"
                                         @click="selectedCategory = ''; categorySearch = ''; categoryOpen = false">
                                         <span>All categories</span>
-                                        <x-reicon name="check-circle" class="size-3.5 text-accent"
+                                        <x-reicon name="check-circle" class="size-3.5 text-black dark:text-fg"
                                             x-show="selectedCategory === ''" />
                                     </button>
                                     <template
@@ -81,7 +81,7 @@
                                             :aria-selected="selectedCategory === category"
                                             @click="selectedCategory = category; categorySearch = ''; categoryOpen = false">
                                             <span class="truncate" x-text="category"></span>
-                                            <x-reicon name="check-circle" class="size-3.5 text-accent"
+                                            <x-reicon name="check-circle" class="size-3.5 text-black dark:text-fg"
                                                 x-show="selectedCategory === category" />
                                         </button>
                                     </template>
diff --git a/resources/views/livewire/project/resource/index.blade.php b/resources/views/livewire/project/resource/index.blade.php
index d30ecfaa5f..0a08cc0fa4 100644
--- a/resources/views/livewire/project/resource/index.blade.php
+++ b/resources/views/livewire/project/resource/index.blade.php
@@ -140,7 +140,7 @@
                                     class="flex h-9 w-full items-center rounded-md px-2 text-left text-[12px] text-neutral-600 transition-colors hover:bg-neutral-100 hover:text-black dark:text-fg-dim dark:hover:bg-white/[0.06] dark:hover:text-fg"
                                     x-on:click="sortBy = option.value; close(); page = 1">
                                     <span class="flex-1" x-text="option.label"></span>
-                                    <svg x-show="sortBy === option.value" class="size-3.5 text-warning"
+                                    <svg x-show="sortBy === option.value" class="size-3.5 text-black dark:text-fg"
                                         viewBox="0 0 12 12" fill="none" aria-hidden="true">
                                         <path d="m2.5 6.25 2.1 2.1 4.9-5" stroke="currentColor"
                                             stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
diff --git a/resources/views/livewire/project/service/volume-backup/index.blade.php b/resources/views/livewire/project/service/volume-backup/index.blade.php
index d7ea9afcad..34535d8fe7 100644
--- a/resources/views/livewire/project/service/volume-backup/index.blade.php
+++ b/resources/views/livewire/project/service/volume-backup/index.blade.php
@@ -194,7 +194,7 @@
                                 class="flex h-8 w-full items-center rounded-md px-2 text-left text-[12px] text-neutral-600 transition-colors hover:bg-neutral-100 hover:text-black dark:text-fg-dim dark:hover:bg-white/[0.06] dark:hover:text-fg"
                                 x-on:click="typeFilter = option.value; close()">
                                 <span class="flex-1" x-text="option.label"></span>
-                                <svg x-show="typeFilter === option.value" class="size-3.5 text-warning"
+                                <svg x-show="typeFilter === option.value" class="size-3.5 text-black dark:text-fg"
                                     viewBox="0 0 12 12" fill="none" aria-hidden="true">
                                     <path d="m2.5 6.25 2.1 2.1 4.9-5" stroke="currentColor" stroke-width="1.4"
                                         stroke-linecap="round" stroke-linejoin="round" />
@@ -216,7 +216,7 @@
                                 class="flex h-8 w-full items-center rounded-md px-2 text-left text-[12px] text-neutral-600 transition-colors hover:bg-neutral-100 hover:text-black dark:text-fg-dim dark:hover:bg-white/[0.06] dark:hover:text-fg"
                                 x-on:click="sortBy = option.value; close()">
                                 <span class="flex-1" x-text="option.label"></span>
-                                <svg x-show="sortBy === option.value" class="size-3.5 text-warning"
+                                <svg x-show="sortBy === option.value" class="size-3.5 text-black dark:text-fg"
                                     viewBox="0 0 12 12" fill="none" aria-hidden="true">
                                     <path d="m2.5 6.25 2.1 2.1 4.9-5" stroke="currentColor" stroke-width="1.4"
                                         stroke-linecap="round" stroke-linejoin="round" />
diff --git a/resources/views/livewire/project/show.blade.php b/resources/views/livewire/project/show.blade.php
index e70400423a..20eb67595e 100644
--- a/resources/views/livewire/project/show.blade.php
+++ b/resources/views/livewire/project/show.blade.php
@@ -86,7 +86,7 @@
                                     class="flex h-9 w-full items-center rounded-md px-2 text-left text-[12px] text-neutral-600 transition-colors hover:bg-neutral-100 hover:text-black dark:text-fg-dim dark:hover:bg-white/[0.06] dark:hover:text-fg"
                                     x-on:click="sortBy = option.value; close(); page = 1">
                                     <span class="flex-1" x-text="option.label"></span>
-                                    <svg x-show="sortBy === option.value" class="size-3.5 text-warning"
+                                    <svg x-show="sortBy === option.value" class="size-3.5 text-black dark:text-fg"
                                         viewBox="0 0 12 12" fill="none" aria-hidden="true">
                                         <path d="m2.5 6.25 2.1 2.1 4.9-5" stroke="currentColor"
                                             stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
diff --git a/resources/views/livewire/server/navbar.blade.php b/resources/views/livewire/server/navbar.blade.php
index 01cc64891c..46289f4ce6 100644
--- a/resources/views/livewire/server/navbar.blade.php
+++ b/resources/views/livewire/server/navbar.blade.php
@@ -142,7 +142,7 @@
                                 :class="option.functional ? 'bg-success' : 'bg-error'"></span>
                             <span class="min-w-0 flex-1 truncate" x-text="option.name"></span>
                             <x-reicon name="check-circle"
-                                class="size-3.5 shrink-0 text-coollabs dark:text-warning"
+                                class="size-3.5 shrink-0 text-black dark:text-fg"
                                 x-show="option.uuid === '{{ $server->uuid }}'" />
                         </a>
                     </template>
diff --git a/resources/views/livewire/tags/show.blade.php b/resources/views/livewire/tags/show.blade.php
index 842afac94b..44ce541f45 100644
--- a/resources/views/livewire/tags/show.blade.php
+++ b/resources/views/livewire/tags/show.blade.php
@@ -59,7 +59,7 @@
                                     class="flex h-9 w-full items-center rounded-md px-2 text-left text-[12px] text-neutral-600 transition-colors hover:bg-neutral-100 hover:text-black dark:text-fg-dim dark:hover:bg-white/[0.06] dark:hover:text-fg"
                                     x-on:click="sortBy = option.value; close(); page = 1">
                                     <span class="flex-1" x-text="option.label"></span>
-                                    <svg x-show="sortBy === option.value" class="size-3.5 text-warning"
+                                    <svg x-show="sortBy === option.value" class="size-3.5 text-black dark:text-fg"
                                         viewBox="0 0 12 12" fill="none" aria-hidden="true">
                                         <path d="m2.5 6.25 2.1 2.1 4.9-5" stroke="currentColor"
                                             stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />