From ce277e97eb2bd78ae726b607bbdedb158f29f942 Mon Sep 17 00:00:00 2001
From: Robert Kossessa <github@kosro.de>
Date: Thu, 25 Jan 2024 17:19:30 +0100
Subject: [PATCH] UPD: HSLPicker selection color follows bg

---
 src/components/HSLInput.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/HSLInput.vue b/src/components/HSLInput.vue
index 35de94a..5c0c8ff 100644
--- a/src/components/HSLInput.vue
+++ b/src/components/HSLInput.vue
@@ -257,10 +257,11 @@ function shake() {
   <div>
     <div
       class="w-full flex p-4 font-heading"
-      :style="{backgroundColor: `hsl(${hue},${saturation}%,${lightness}%)`}"
-      style="transition: color 0.2s ease-in-out"
-      :class="{'text-black': foregroundBlack(...rgb)}">
-      <div ref="colorFieldText" class="w-full flex opacity-50">
+      :style="{backgroundColor: `hsl(${hue},${saturation}%,${lightness}%)`}">
+      <div
+        ref="colorFieldText" class="w-full flex opacity-50"
+        :class="foregroundBlack(...rgb) ? 'text-black selection:bg-black selection:text-white' : 'selection:bg-white selection:text-black'"
+        style="transition: color 0.2s ease-in-out">
         <div>
           <form @submit.prevent="onSubmitHueInput">
             <label for="hueInput">H: </label><input