Use the color-primary-element* variables

Signed-off-by: Simon L <szaimen@e.mail.de>
nextcloud · May 12, 2023 · 9f91ecc · 9f91ecc
1 parent ccf1445
commit 9f91ecc
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -167,7 +167,7 @@ export default {
 	}
 
 	.avatardiv.circles {
-		background: var(--color-primary);
+		background: var(--color-primary-element);
 	}
 
 	.icon-circles {

diff --git a/src/BoardSelector.vue b/src/BoardSelector.vue
@@ -110,7 +110,7 @@ export default {
 	}
 
 	li.selected {
-		border: 1px solid var(--color-primary);
+		border: 1px solid var(--color-primary-element);
 	}
 
 	.board-bullet {

diff --git a/src/components/AttachmentDragAndDrop.vue b/src/components/AttachmentDragAndDrop.vue
@@ -136,7 +136,7 @@ export default {
 
 	.dragover {
 		position: absolute;
-		background: var(--color-primary-light);
+		background: var(--color-primary-element-light);
 		z-index: 11;
 		display: flex;
 		border-radius: var(--border-radius);

diff --git a/src/components/card/Description.vue b/src/components/card/Description.vue
@@ -392,7 +392,7 @@ h5 {
 .CodeMirror-selected,
 .CodeMirror-line::selection, .CodeMirror-line>span::selection, .CodeMirror-line>span>span::selection {
 	background: var(--color-primary-element) !important;
-	color: var(--color-primary-text) !important;
+	color: var(--color-primary-element-text) !important;
 }
 
 .editor-preview,

diff --git a/src/components/cards/CardBadges.vue b/src/components/cards/CardBadges.vue
@@ -133,7 +133,7 @@ export default {
 
 		&.overdue {
 			background-color: var(--color-error);
-			color: var(--color-primary-text);
+			color: var(--color-primary-element-text);
 			opacity: .7;
 		}
 		&.now {

diff --git a/src/components/cards/badges/DueDate.vue b/src/components/cards/badges/DueDate.vue
@@ -90,7 +90,7 @@ export default {
 
 		&.overdue {
 			background-color: var(--color-error);
-			color: var(--color-primary-text);
+			color: var(--color-primary-element-text);
 			opacity: .7;
 			padding: 3px 4px;
 		}