Fixed bad readability issue (#1401)

TUM-Dev · Nov 10, 2024 · 7364d47 · 7364d47
1 parent 9b7aebb
commit 7364d47
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git 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
@@ -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>