From 8f7a671983b07540702337f564b8b3a9fd14021f Mon Sep 17 00:00:00 2001
From: Michael Geers <michael@geers.tv>
Date: Mon, 24 Feb 2025 12:52:49 +0100
Subject: [PATCH] Config UI: improve readonly style (#19132)

---
 assets/css/app.css                           | 6 +++---
 assets/js/components/Config/ChargerModal.vue | 7 +------
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/assets/css/app.css b/assets/css/app.css
index a139c00c9..5e26d9bad 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -56,7 +56,7 @@
 	--evcc-gray: var(--bs-gray-medium);
 	--evcc-gray-50: #93949e80;
 	--evcc-gray-25: #93949e40;
-
+	--evcc-gray-10: #93949e20;
 	--evcc-accent1: var(--evcc-dark-yellow);
 	--evcc-accent2: var(--evcc-darker-green);
 	--evcc-accent3: var(--evcc-darkest-green);
@@ -548,8 +548,8 @@ input::-webkit-datetime-edit {
 .form-control:read-only,
 .dark .form-control:disabled,
 .dark .form-control:read-only {
-	background-color: var(--bs-secondary-bg);
-	color: var(--bs-gray-dark);
+	background-color: var(--evcc-gray-10);
+	color: var(--bs-default-text);
 	opacity: 1;
 }
 
diff --git a/assets/js/components/Config/ChargerModal.vue b/assets/js/components/Config/ChargerModal.vue
index ed157780e..903212fbb 100644
--- a/assets/js/components/Config/ChargerModal.vue
+++ b/assets/js/components/Config/ChargerModal.vue
@@ -55,12 +55,7 @@
 				:label="$t('config.charger.ocppLabel')"
 				:help="$t('config.charger.ocppHelp')"
 			>
-				<input
-					type="text"
-					class="form-control border border-success bg-transparent"
-					:value="ocppUrl"
-					readonly
-				/>
+				<input type="text" class="form-control border" :value="ocppUrl" readonly />
 			</FormRow>
 
 			<Modbus