Merge pull request #4178 from nextcloud/enh/noid/use-primary-element

Use the color-primary-element* variables
nextcloud · May 15, 2023 · db452e7 · db452e7
2 parents c84e365 + a25f57f
commit db452e7
Show file tree

Hide file tree

Showing 24 changed files with 38 additions and 38 deletions.
diff --git a/css/prosemirror.scss b/css/prosemirror.scss
@@ -230,7 +230,7 @@ div.ProseMirror {
 	--table-color-heading: var(--color-text-maxcontrast);
 	--table-color-heading-border: var(--color-border-dark);
 	--table-color-background: var(--color-main-background);
-	--table-color-background-hover: var(--color-primary-light);
+	--table-color-background-hover: var(--color-primary-element-light);
 	--table-border-radius: var(--border-radius);
 
 	table {

diff --git a/js/editor.js b/js/editor.js
diff --git a/js/editor.js.map b/js/editor.js.map
diff --git a/js/files-modal.js b/js/files-modal.js
diff --git a/js/files-modal.js.map b/js/files-modal.js.map
diff --git a/js/highlight/haml-js-js.js b/js/highlight/haml-js-js.js
diff --git a/js/highlight/haml-js-js.js.map b/js/highlight/haml-js-js.js.map
diff --git a/js/text-editors.js b/js/text-editors.js
diff --git a/js/text-editors.js.map b/js/text-editors.js.map
diff --git a/js/text-files.js b/js/text-files.js
diff --git a/js/text-files.js.map b/js/text-files.js.map
diff --git a/js/text-public.js b/js/text-public.js
diff --git a/js/text-public.js.map b/js/text-public.js.map
diff --git a/js/text-text.js b/js/text-text.js
diff --git a/js/text-text.js.map b/js/text-text.js.map
diff --git a/js/text-viewer.js b/js/text-viewer.js
diff --git a/js/text-viewer.js.map b/js/text-viewer.js.map
diff --git a/src/components/Editor.vue b/src/components/Editor.vue
@@ -873,7 +873,7 @@ export default {
 		// relative position for the alignment of the menububble
 		.text-editor__main {
 			&.draggedOver {
-				background-color: var(--color-primary-light);
+				background-color: var(--color-primary-element-light);
 			}
 			.text-editor__content-wrapper {
 				position: relative;

diff --git a/src/components/Editor/TableOfContents.vue b/src/components/Editor/TableOfContents.vue
@@ -93,7 +93,7 @@ export default {
 		width: calc(100% - var(--padding-left));
 
 		a:hover {
-			color: var(--color-primary-hover);
+			color: var(--color-primary-element-hover);
 		}
 
 		&--1 {

diff --git a/src/components/Menu/ActionEntry.scss b/src/components/Menu/ActionEntry.scss
@@ -1,9 +1,9 @@
 %text__is-active-item-btn {
 	opacity: 1;
-	background-color: var(--color-primary-light);
+	background-color: var(--color-primary-element-light);
 	border-radius: 50%;
 	.material-design-icon > svg {
-		fill: var(--color-primary);
+		fill: var(--color-primary-element);
 	}
 }
 
@@ -37,7 +37,7 @@
 		&:active {
 			background-color: var(--color-background-dark);
 			&:not(:disabled) {
-				box-shadow: var(--color-primary);
+				box-shadow: var(--color-primary-element);
 			}
 		}
 
@@ -46,7 +46,7 @@
 			opacity: 1;
 		}
 		&:focus-visible {
-			box-shadow: var(--color-primary);
+			box-shadow: var(--color-primary-element);
 		}
 
 		&.is-active {
@@ -60,7 +60,7 @@
 
 	.entry-action.entry-action-item {
 		&.is-active {
-			background-color: var(--color-primary-light);
+			background-color: var(--color-primary-element-light);
 			border-radius: var(--border-radius-large);
 		}
 	}

diff --git a/src/components/SavingIndicator.vue b/src/components/SavingIndicator.vue
@@ -76,15 +76,15 @@ export default defineComponent({
 	}
 
 	&.saving > span {
-		color: var(--color-primary);
+		color: var(--color-primary-element);
 		:deep(svg) {
-			fill: var(--color-primary);
+			fill: var(--color-primary-element);
 		}
 	}
 	&.error > span {
 		color: var(--color-error);
 		:deep(svg) {
-			fill: var(--color-primary);
+			fill: var(--color-primary-element);
 		}
 	}
 }

diff --git a/src/components/Suggestion/Emoji/EmojiList.vue b/src/components/Suggestion/Emoji/EmojiList.vue
@@ -163,7 +163,7 @@ export default {
 			&:focus,
 			&:hover {
 				opacity: 1;
-				background-color: var(--color-primary-light);
+				background-color: var(--color-primary-element-light);
 			}
 		}
 	}

diff --git a/src/components/Suggestion/Mention/AutoCompleteResult.vue b/src/components/Suggestion/Mention/AutoCompleteResult.vue
@@ -88,7 +88,7 @@ $autocomplete-padding: 10px;
 
 	.highlight & {
 		color: var(--color-main-text);
-		background: var(--color-primary-light);
+		background: var(--color-primary-element-light);
 		&, * {
 			cursor: pointer;
 		}

diff --git a/src/components/Suggestion/SuggestionListWrapper.vue b/src/components/Suggestion/SuggestionListWrapper.vue
@@ -157,7 +157,7 @@ export default {
 		&:focus,
 		&:hover {
 			opacity: 1;
-			background-color: var(--color-primary-light);
+			background-color: var(--color-primary-element-light);
 		}
 	}
 }