fixup! fix(tags): Invert unreadable tag labels

Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>
nextcloud · Dec 1, 2023 · 41ae25f · 41ae25f
1 parent 9fe11cf
commit 41ae25f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/components/Tag.vue b/src/components/Tag.vue
@@ -23,7 +23,8 @@
 	<div class="tag"
 		:class="{ 'tag--small': small }"
 		:style="{ 'background-color': convertHex(color, 0.2) }">
-		<span class="tag__label">{{ label }}</span>
+		<span class="tag__label"
+			:style="{ 'color': convertHex(color, 0.8) }">{{ label }}</span>
 	</div>
 </template>
 
@@ -72,6 +73,7 @@ export default {
 	&__label {
 		font-size: var(--default-font-size);
 		font-weight: bold;
+		filter: brightness(0.3);
 	}
 
 	&--small {

diff --git a/src/components/TagGroup.vue b/src/components/TagGroup.vue
@@ -36,7 +36,7 @@ import Tag from './Tag.vue'
 export default {
 	name: 'TagGroup',
 	components: {
-		Tag
+		Tag,
 	},
 	props: {
 		tags: {

diff --git a/src/components/ThreadEnvelope.vue b/src/components/ThreadEnvelope.vue
@@ -292,7 +292,7 @@ import TaskModal from './TaskModal.vue'
 import EventModal from './EventModal.vue'
 import axios from '@nextcloud/axios'
 import { generateUrl } from '@nextcloud/router'
-import TagGroup from "./TagGroup.vue";
+import TagGroup from './TagGroup.vue'
 
 // Ternary loading state
 const LOADING_DONE = 0