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

Author: johnleider

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,
                   },
                 }}

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;