Fix hover variables

Signed-off-by: John Molakvoæ <[email protected]> Signed-off-by: nextcloud-command <[email protected]>
nextcloud · Aug 17, 2022 · c7f316f · c7f316f
1 parent 79043e1
commit c7f316f
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/js/viewer-main.js b/js/viewer-main.js
diff --git a/js/viewer-main.js.map b/js/viewer-main.js.map
diff --git a/src/components/ImageEditor.vue b/src/components/ImageEditor.vue
@@ -71,7 +71,7 @@ export default {
 						'icons-primary': 'var(--color-main-text)',
 						// Active state
 						'bg-primary-active': 'var(--color-background-dark)',
-						'bg-primary-hover': 'var(--color-background-darker)',
+						'bg-primary-hover': 'var(--color-background-hover)',
 						'accent-primary-active': 'var(--color-main-text)',
 						// Used by the save button
 						'accent-primary-hover': 'var(--color-primary)',
@@ -361,6 +361,12 @@ export default {
 	&-label {
 		margin-top: 8px;
 	}
+
+	&:hover,
+	&:focus {
+		background-color: var(--color-background-hover) !important;
+	}
+
 	&[aria-selected=true] {
 		color: var(--color-main-text);
 		background-color: var(--color-background-dark);
@@ -406,7 +412,7 @@ export default {
 
 	&:hover,
 	&:focus {
-		background-color: var(--color-background-dark) !important;
+		background-color: var(--color-background-hover) !important;
 	}
 
 	svg {