Fixed text in dark mode

Harald Wilhelmi · Harald Wilhelmi · commit d18b99d17efe · 2024-05-03T17:03:36.000+02:00
diff --git a/client/src/components/ui/LabeledItem.vue b/client/src/components/ui/LabeledItem.vue
@@ -20,7 +20,7 @@ const props = defineProps({
     <span :class="props.uiStyle.labelClasses()">
       {{ props.label }}
     </span>
-    <span :class="props.uiStyle.inputTextDefaultClasses()">
+    <span :class="props.uiStyle.textClasses()">
       <slot></slot>
     </span>
   </div>
diff --git a/client/src/ui_styles/AbstractStyle.js b/client/src/ui_styles/AbstractStyle.js
@@ -42,6 +42,9 @@ class AbstractStyle {
     const baseColor = this.baseColor()
     return `p-4 w-full text-${baseColor}-50 border border-${baseColor}-300 ring-${baseColor}-800`
   }
+  textClasses() {
+    return 'text-gray-700 dark:text-gray-300'
+  }
   severity() {
     return null
   }

Original file line number	Diff line number	Diff line change
`@@ -42,6 +42,9 @@ class AbstractStyle {`
`42`	`42`	`const baseColor = this.baseColor()`
`43`	`43`	return `p-4 w-full text-${baseColor}-50 border border-${baseColor}-300 ring-${baseColor}-800`
`44`	`44`	`}`
	`45`	`+ textClasses() {`
	`46`	`+ return 'text-gray-700 dark:text-gray-300'`
	`47`	`+ }`
`45`	`48`	`severity() {`
`46`	`49`	`return null`
`47`	`50`	`}`