From 255d894ceaf4d01e38bb53648e8ef02a8e5563cc Mon Sep 17 00:00:00 2001
From: Artyom <a@4a.pm>
Date: Mon, 2 Mar 2026 20:56:27 +0100
Subject: [PATCH] fix: improve text selection visibility in dark code editor on
 light theme

When using the light theme, text selected in the Custom Nginx Configuration
editor (and other dark-themed code editors) was nearly invisible because the
browser's light-mode selection color blended with the dark editor background.

This adds an explicit ::selection style for the editor textarea that provides
sufficient contrast on the dark background. The fix applies to all five
components using the dark code editor: NginxConfigField, LocationsFields,
DNSProviderFields, EventDetailsModal, and DefaultSite.
---
 frontend/src/App.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index ad335caeab..620d58558d 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -110,6 +110,11 @@ label.row {
 	position: static;
 }
 
+/* Fix text selection visibility in dark code editor on light theme */
+[data-bs-theme="light"] .w-tc-editor-text::selection {
+	background-color: #264f78;
+}
+
 /* Fix for Tabler scrollbar compensation */
 @media (min-width: 992px) {
   :host, :root {