From 9cd396fa2534d4b14000c8289f39bf241da80947 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lars=20Heidk=C3=A4mper?= <heidkaemper@new-data-services.de>
Date: Thu, 1 Aug 2024 13:16:44 +0200
Subject: [PATCH 1/3] add dark mode bg-color for little dot

---
 resources/css/elements/icons.css                                | 2 +-
 resources/js/components/entries/Listing.vue                     | 2 +-
 resources/js/components/entries/Widget.vue                      | 2 +-
 .../fieldtypes/relationship/RelationshipIndexFieldtype.vue      | 2 +-
 resources/js/components/structures/Branch.vue                   | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/resources/css/elements/icons.css b/resources/css/elements/icons.css
index aa6fc67a7d3..6c913195851 100644
--- a/resources/css/elements/icons.css
+++ b/resources/css/elements/icons.css
@@ -70,7 +70,7 @@ svg {
     flex-shrink: 0;
 
     &.published { @apply bg-green-600 }
-    &.draft, &.expired { @apply bg-gray-600 }
+    &.draft, &.expired { @apply bg-gray-600 dark:bg-dark-200 }
     &.scheduled, &.hollow { @apply bg-transparent border border-gray-600 }
 }
 
diff --git a/resources/js/components/entries/Listing.vue b/resources/js/components/entries/Listing.vue
index 9cdd029548a..6b56a0e4eae 100644
--- a/resources/js/components/entries/Listing.vue
+++ b/resources/js/components/entries/Listing.vue
@@ -183,7 +183,7 @@ export default {
             } else if (entry.published) {
                 return 'bg-green-600';
             } else {
-                return 'bg-gray-400';
+                return 'bg-gray-400 dark:bg-dark-200';
             }
         },
 
diff --git a/resources/js/components/entries/Widget.vue b/resources/js/components/entries/Widget.vue
index b33e0f56557..b9703d1bc55 100644
--- a/resources/js/components/entries/Widget.vue
+++ b/resources/js/components/entries/Widget.vue
@@ -71,7 +71,7 @@ export default {
             } else if (entry.published) {
                 return 'bg-green-600';
             } else {
-                return 'bg-gray-400';
+                return 'bg-gray-400 dark:bg-dark-200';
             }
         },
 
diff --git a/resources/js/components/fieldtypes/relationship/RelationshipIndexFieldtype.vue b/resources/js/components/fieldtypes/relationship/RelationshipIndexFieldtype.vue
index f3354ec8a9f..55c223bf41d 100644
--- a/resources/js/components/fieldtypes/relationship/RelationshipIndexFieldtype.vue
+++ b/resources/js/components/fieldtypes/relationship/RelationshipIndexFieldtype.vue
@@ -9,7 +9,7 @@
             >
                 <div class="flex items-center shrink">
                     <div v-if="item.hasOwnProperty('published') && item.published !== null"
-                        class="little-dot h-1 w-1 rtl:ml-1 ltr:mr-1" :class="[item.published ? 'bg-green-600' : 'bg-gray-400']" />
+                        class="little-dot h-1 w-1 rtl:ml-1 ltr:mr-1" :class="[item.published ? 'bg-green-600' : 'bg-gray-400 dark:bg-dark-200']" />
                     <a :href="item.edit_url" :title="item.title" v-text="item.title" />
                 </div>
             </div>
diff --git a/resources/js/components/structures/Branch.vue b/resources/js/components/structures/Branch.vue
index 19e40f86d90..9d4f66c594c 100644
--- a/resources/js/components/structures/Branch.vue
+++ b/resources/js/components/structures/Branch.vue
@@ -120,7 +120,7 @@ export default {
                 case 'published':
                     return 'bg-green-600';
                 case 'draft':
-                    return 'bg-gray-400';
+                    return 'bg-gray-400 dark:bg-dark-200';
                 default:
                     return 'bg-transparent border border-gray-600';
             }

From 5e7513df2143fa4f05afd0b099973f3d33ac8573 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lars=20Heidk=C3=A4mper?= <heidkaemper@new-data-services.de>
Date: Thu, 1 Aug 2024 13:20:27 +0200
Subject: [PATCH 2/3] adjust widgets header icon color for dark mode

---
 resources/views/forms/widget.blade.php       | 2 +-
 resources/views/widgets/collection.blade.php | 2 +-
 resources/views/widgets/updater.blade.php    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/views/forms/widget.blade.php b/resources/views/forms/widget.blade.php
index f684c8b030c..79fa4e36527 100644
--- a/resources/views/forms/widget.blade.php
+++ b/resources/views/forms/widget.blade.php
@@ -5,7 +5,7 @@
     <div class="flex justify-between items-center p-4 border-b dark:bg-dark-650 dark:border-b dark:border-dark-900">
         <h2>
             <a class="flex items-center" href="{{ $form->showUrl() }}">
-                <div class="h-6 w-6 rtl:ml-2 ltr:mr-2 text-gray-800 dark:text-dark-200">
+                <div class="h-6 w-6 rtl:ml-2 ltr:mr-2 text-gray-800 dark:text-dark-175">
                     @cp_svg('icons/light/drawer-file')
                 </div>
                 <span v-pre>{{ $title }}</span>
diff --git a/resources/views/widgets/collection.blade.php b/resources/views/widgets/collection.blade.php
index 6da2090228f..a8ed4fce31f 100644
--- a/resources/views/widgets/collection.blade.php
+++ b/resources/views/widgets/collection.blade.php
@@ -4,7 +4,7 @@
     <div class="flex justify-between items-center p-4 border-b dark:bg-dark-650 dark:border-b dark:border-dark-900">
         <h2>
             <a class="flex items-center" href="{{ $collection->showUrl() }}">
-                <div class="h-6 w-6 rtl:ml-2 ltr:mr-2 text-gray-800 dark:text-dark-200">
+                <div class="h-6 w-6 rtl:ml-2 ltr:mr-2 text-gray-800 dark:text-dark-175">
                     @cp_svg('icons/light/content-writing')
                 </div>
                 <span v-pre>{{ __($title) }}</span>
diff --git a/resources/views/widgets/updater.blade.php b/resources/views/widgets/updater.blade.php
index 1f474e3e6d9..fa3d2c997ae 100644
--- a/resources/views/widgets/updater.blade.php
+++ b/resources/views/widgets/updater.blade.php
@@ -3,7 +3,7 @@
 <div class="card p-0 h-full">
     <header class="flex justify-between items-center p-4 border-b dark:bg-dark-650 dark:border-b dark:border-dark-900">
         <h2 class="flex items-center">
-            <div class="h-6 w-6 rtl:ml-2 ltr:mr-2 text-gray-800 dark:text-dark-200">
+            <div class="h-6 w-6 rtl:ml-2 ltr:mr-2 text-gray-800 dark:text-dark-175">
                 @cp_svg('icons/light/loading-bar')
             </div>
             <span>{{ __('Updates') }}</span>

From 25c62e674081746b946ea64219ede4ad1ad0ab00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lars=20Heidk=C3=A4mper?= <heidkaemper@new-data-services.de>
Date: Thu, 1 Aug 2024 16:48:28 +0200
Subject: [PATCH 3/3] change cp widgets svg color

---
 resources/css/elements/buttons.css           | 2 +-
 resources/views/forms/widget.blade.php       | 2 +-
 resources/views/widgets/collection.blade.php | 2 +-
 resources/views/widgets/updater.blade.php    | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/css/elements/buttons.css b/resources/css/elements/buttons.css
index c7bdd301278..a42524054e2 100644
--- a/resources/css/elements/buttons.css
+++ b/resources/css/elements/buttons.css
@@ -296,7 +296,7 @@ td .btn-icon {
     @apply dark:hover:bg-dark-575 dark:hover:border-dark-400;
 
     svg {
-        @apply h-8 w-8 text-gray-800 dark:text-dark-175;
+        @apply h-8 w-8 text-gray-800 dark:text-dark-200;
     }
 
     h3 {
diff --git a/resources/views/forms/widget.blade.php b/resources/views/forms/widget.blade.php
index 79fa4e36527..f684c8b030c 100644
--- a/resources/views/forms/widget.blade.php
+++ b/resources/views/forms/widget.blade.php
@@ -5,7 +5,7 @@
     <div class="flex justify-between items-center p-4 border-b dark:bg-dark-650 dark:border-b dark:border-dark-900">
         <h2>
             <a class="flex items-center" href="{{ $form->showUrl() }}">
-                <div class="h-6 w-6 rtl:ml-2 ltr:mr-2 text-gray-800 dark:text-dark-175">
+                <div class="h-6 w-6 rtl:ml-2 ltr:mr-2 text-gray-800 dark:text-dark-200">
                     @cp_svg('icons/light/drawer-file')
                 </div>
                 <span v-pre>{{ $title }}</span>
diff --git a/resources/views/widgets/collection.blade.php b/resources/views/widgets/collection.blade.php
index a8ed4fce31f..6da2090228f 100644
--- a/resources/views/widgets/collection.blade.php
+++ b/resources/views/widgets/collection.blade.php
@@ -4,7 +4,7 @@
     <div class="flex justify-between items-center p-4 border-b dark:bg-dark-650 dark:border-b dark:border-dark-900">
         <h2>
             <a class="flex items-center" href="{{ $collection->showUrl() }}">
-                <div class="h-6 w-6 rtl:ml-2 ltr:mr-2 text-gray-800 dark:text-dark-175">
+                <div class="h-6 w-6 rtl:ml-2 ltr:mr-2 text-gray-800 dark:text-dark-200">
                     @cp_svg('icons/light/content-writing')
                 </div>
                 <span v-pre>{{ __($title) }}</span>
diff --git a/resources/views/widgets/updater.blade.php b/resources/views/widgets/updater.blade.php
index fa3d2c997ae..1f474e3e6d9 100644
--- a/resources/views/widgets/updater.blade.php
+++ b/resources/views/widgets/updater.blade.php
@@ -3,7 +3,7 @@
 <div class="card p-0 h-full">
     <header class="flex justify-between items-center p-4 border-b dark:bg-dark-650 dark:border-b dark:border-dark-900">
         <h2 class="flex items-center">
-            <div class="h-6 w-6 rtl:ml-2 ltr:mr-2 text-gray-800 dark:text-dark-175">
+            <div class="h-6 w-6 rtl:ml-2 ltr:mr-2 text-gray-800 dark:text-dark-200">
                 @cp_svg('icons/light/loading-bar')
             </div>
             <span>{{ __('Updates') }}</span>