Merge pull request #4688 from shivam-daksh/shivam-rem-hardcolors

[DO NOT MERGE UNTIL KDS v5.0.0-rc3 INSTALLED] Remove hard-coded vuetify color on hover using $darken_ utitlity
learningequality · Dec 16, 2024 · 90d29df · 90d29df
2 parents a81876e + 1853f88
commit 90d29df
Showing 1 changed file with 2 additions and 5 deletions.
diff --git a/contentcuration/contentcuration/frontend/settings/pages/Account/index.vue b/contentcuration/contentcuration/frontend/settings/pages/Account/index.vue
@@ -102,10 +102,7 @@
           backgroundColor: $themeTokens.error,
           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)',
+            backgroundColor: $darken1($themeTokens.error),
           },
         }"
         @click="showDeleteConfirmation = true"
@@ -233,4 +230,4 @@
 .row {
   padding: 8px 0;
 }
-</style>
+</style>