From 9b8320b2c9858762e4b77f3b594065d34923c5c4 Mon Sep 17 00:00:00 2001
From: Philipp Daun <post@philippdaun.net>
Date: Tue, 13 Aug 2024 18:21:05 +0200
Subject: [PATCH 1/3] Subdue readonly label in dark mode

---
 resources/js/components/publish/Field.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/publish/Field.vue b/resources/js/components/publish/Field.vue
index 5ec6ee200f..909599299b 100644
--- a/resources/js/components/publish/Field.vue
+++ b/resources/js/components/publish/Field.vue
@@ -17,7 +17,7 @@
                 />
                 <i class="required rtl:ml-1 ltr:mr-1" v-if="showLabelText && config.required">*</i>
                 <avatar v-if="isLocked" :user="lockingUser" class="w-6 h-6 rounded-full -mt-px rtl:mr-2 ltr:ml-2 rtl:ml-2 ltr:mr-2" v-tooltip="lockingUser.name" />
-                <span v-if="isReadOnly && !isTab && !isSection" class="text-gray-500 font-normal text-2xs rtl:ml-1 ltr:mr-1">
+                <span v-if="isReadOnly && !isTab && !isSection" class="text-gray-500 dark:text-dark-300 font-normal text-2xs rtl:ml-1 ltr:mr-1">
                     {{ isLocked ? __('Locked') : __('Read Only') }}
                 </span>
                 <svg-icon name="translate" class="h-4 rtl:ml-1 ltr:mr-1 w-4 text-gray-600" v-if="isLocalizable && !isTab" v-tooltip.top="__('Localizable field')" />

From 2c10978c8f126c82964b2d4f435119c6ff1967f7 Mon Sep 17 00:00:00 2001
From: Philipp Daun <post@philippdaun.net>
Date: Tue, 13 Aug 2024 18:21:21 +0200
Subject: [PATCH 2/3] Nudge readonly label towards baseline

---
 resources/js/components/publish/Field.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/publish/Field.vue b/resources/js/components/publish/Field.vue
index 909599299b..5c6a73035e 100644
--- a/resources/js/components/publish/Field.vue
+++ b/resources/js/components/publish/Field.vue
@@ -17,7 +17,7 @@
                 />
                 <i class="required rtl:ml-1 ltr:mr-1" v-if="showLabelText && config.required">*</i>
                 <avatar v-if="isLocked" :user="lockingUser" class="w-6 h-6 rounded-full -mt-px rtl:mr-2 ltr:ml-2 rtl:ml-2 ltr:mr-2" v-tooltip="lockingUser.name" />
-                <span v-if="isReadOnly && !isTab && !isSection" class="text-gray-500 dark:text-dark-300 font-normal text-2xs rtl:ml-1 ltr:mr-1">
+                <span v-if="isReadOnly && !isTab && !isSection" class="text-gray-500 dark:text-dark-300 font-normal text-2xs rtl:ml-1 ltr:mr-1 mt-0.5">
                     {{ isLocked ? __('Locked') : __('Read Only') }}
                 </span>
                 <svg-icon name="translate" class="h-4 rtl:ml-1 ltr:mr-1 w-4 text-gray-600" v-if="isLocalizable && !isTab" v-tooltip.top="__('Localizable field')" />

From 0f0af9564e82d3ca954ed8ba00468614b4af2d8a Mon Sep 17 00:00:00 2001
From: Philipp Daun <post@philippdaun.net>
Date: Tue, 13 Aug 2024 18:25:47 +0200
Subject: [PATCH 3/3] Use slightly lighter color for readonly label

---
 resources/js/components/publish/Field.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/publish/Field.vue b/resources/js/components/publish/Field.vue
index 5c6a73035e..2492e6c978 100644
--- a/resources/js/components/publish/Field.vue
+++ b/resources/js/components/publish/Field.vue
@@ -17,7 +17,7 @@
                 />
                 <i class="required rtl:ml-1 ltr:mr-1" v-if="showLabelText && config.required">*</i>
                 <avatar v-if="isLocked" :user="lockingUser" class="w-6 h-6 rounded-full -mt-px rtl:mr-2 ltr:ml-2 rtl:ml-2 ltr:mr-2" v-tooltip="lockingUser.name" />
-                <span v-if="isReadOnly && !isTab && !isSection" class="text-gray-500 dark:text-dark-300 font-normal text-2xs rtl:ml-1 ltr:mr-1 mt-0.5">
+                <span v-if="isReadOnly && !isTab && !isSection" class="text-gray-500 dark:text-dark-200 font-normal text-2xs rtl:ml-1 ltr:mr-1 mt-0.5">
                     {{ isLocked ? __('Locked') : __('Read Only') }}
                 </span>
                 <svg-icon name="translate" class="h-4 rtl:ml-1 ltr:mr-1 w-4 text-gray-600" v-if="isLocalizable && !isTab" v-tooltip.top="__('Localizable field')" />