fix(VEmptyState): support VBtn variants when using actions slot

vuetifyjs · May 30, 2024 · 99279d9 · 99279d9
1 parent bc98d54
commit 99279d9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/vuetify/src/components/VEmptyState/VEmptyState.tsx b/packages/vuetify/src/components/VEmptyState/VEmptyState.tsx
@@ -184,7 +184,7 @@ export const VEmptyState = genericComponent<VEmptyStateSlots>()({
                 defaults={{
                   VBtn: {
                     class: 'v-empty-state__action-btn',
-                    color: props.color,
+                    color: props.color ?? 'surface-variant',
                     text: props.actionText,
                   },
                 }}

diff --git a/packages/vuetify/src/components/VEmptyState/_variables.scss b/packages/vuetify/src/components/VEmptyState/_variables.scss
@@ -1,8 +1,8 @@
 @use '../../styles/settings';
 @use "../../styles/tools/functions";
 
-$empty-state-actions-btn-background-color: rgb(var(--v-theme-surface-variant)) !default;
-$empty-state-actions-btn-color: rgb(var(--v-theme-on-surface-variant)) !default;
+$empty-state-actions-btn-background-color: initial !default;
+$empty-state-actions-btn-color: initial !default;
 $empty-state-actions-gap: 8px !default;
 $empty-state-actions-padding: 16px !default;
 $empty-state-content-padding: 24px 0 !default;