From ce5db02d8f488636ca916c2ad66a1880fef1b715 Mon Sep 17 00:00:00 2001 From: Blaine Jester Date: Mon, 22 Apr 2024 13:48:40 -0700 Subject: [PATCH] Fix hover color for red delete account button --- .../frontend/settings/pages/Account/index.vue | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/contentcuration/contentcuration/frontend/settings/pages/Account/index.vue b/contentcuration/contentcuration/frontend/settings/pages/Account/index.vue index 312ba24efd..dde15459ba 100644 --- 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" />