adjust active eleement visibility in nclistitem

Signed-off-by: Simon L <szaimen@e.mail.de>
nextcloud-libraries · May 25, 2023 · 6ba9ff4 · 6ba9ff4
1 parent 04ba027
commit 6ba9ff4
Showing 1 changed file with 9 additions and 14 deletions.
diff --git a/src/components/NcListItem/NcListItem.vue b/src/components/NcListItem/NcListItem.vue
@@ -601,7 +601,15 @@ export default {
 	&:active,
 	&.active {
 		.list-item {
-			background-color: var(--color-primary-element-light);
+			background-color: var(--color-primary-element);
+		}
+		
+		.line-one__name, .line-one__details {
+			color: var(--color-primary-element-text) !important;
+		}
+
+		.line-two__subname {
+			color: var(--color-primary-element-text) !important;
 		}
 	}
 }
@@ -670,19 +678,6 @@ export default {
 	}
 }
 
-// Add more contrast for active entry
-[data-themes*='highcontrast'] {
-	.list-item__wrapper {
-		&--active,
-		&:active,
-		&.active {
-			.list-item {
-				background-color: var(--color-primary-element-light-hover);
-			}
-		}
-	}
-}
-
 .line-one {
 	display: flex;
 	align-items: center;