Merge pull request #4531 from bjester/delete-account-rebrand

Fix hover color for red delete account button
learningequality · Apr 23, 2024 · 6d74de8 · 6d74de8
2 parents 340da6c + ce5db02
commit 6d74de8
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/contentcuration/contentcuration/frontend/settings/pages/Account/index.vue b/contentcuration/contentcuration/frontend/settings/pages/Account/index.vue
@@ -100,7 +100,13 @@
         :text="$tr('deleteAccountLabel')"
         :appearanceOverrides="{
           backgroundColor: $themeTokens.error,
-          color: $themeTokens.textInverted
+          color: $themeTokens.textInverted,
+          ':hover': {
+            // Vuetify generates this based on theme colors, but oddly it doesn't make it
+            // available in the theme tokens
+            // TODO: Replace with KDS lighten/darken utilities
+            backgroundColor: 'var(--v-error-darken1)',
+          },
         }"
         @click="showDeleteConfirmation = true"
       />