From 7364d478fd3856b01bcc8dfb2a7a57604b6bb58a Mon Sep 17 00:00:00 2001
From: Sebastian <sebiwrn@web.de>
Date: Sun, 10 Nov 2024 10:59:25 +0100
Subject: [PATCH] Fixed bad readability issue (#1401)

---
 web/assets/css/main.css   | 5 +++++
 web/template/watch.gohtml | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/assets/css/main.css b/web/assets/css/main.css
index 56d5f0612..cb1e693b3 100644
--- a/web/assets/css/main.css
+++ b/web/assets/css/main.css
@@ -66,6 +66,11 @@
         @apply text-gray-700 dark:text-gray-300;
     }
 
+    /*low contrast text*/
+    .important-text-4 {
+        @apply text-gray-700 dark:text-gray-300 !important;
+    }
+
     /*full contrast text*/
     .text-5 {
         @apply text-gray-600 dark:text-gray-400;
diff --git a/web/template/watch.gohtml b/web/template/watch.gohtml
index 07ed1960c..04b32d66c 100644
--- a/web/template/watch.gohtml
+++ b/web/template/watch.gohtml
@@ -63,7 +63,7 @@
                          class="flex justify-start items-center pt-2">
                         <input id="include-timestamp" type="checkbox" class="h-8 hover:cursor-pointer"
                                x-model="share.includeTimestamp" @change="share.setURL(false)">
-                        <label for="include-timestamp" class="font-light text-4 text-xs ml-2">Include Timestamp</label>
+                        <label for="include-timestamp" class="font-light text-xs ml-2 important-text-4">Include Timestamp</label>
                         <input x-cloak x-show="share.includeTimestamp" class="tl-input h-8 w-20 text-xs ml-2"
                                type="text" x-model="share.timestamp" @input="share.setURL(false);">
                     </div>