diff --git a/.changeset/button-default-primary.md b/.changeset/button-default-primary.md new file mode 100644 index 0000000000..8b5c767441 --- /dev/null +++ b/.changeset/button-default-primary.md @@ -0,0 +1,5 @@ +--- +"@hyperdx/app": patch +--- + +Set Button component default variant to "primary" for consistent styling across the app diff --git a/packages/app/src/theme/themes/clickstack/mantineTheme.ts b/packages/app/src/theme/themes/clickstack/mantineTheme.ts index c2d57b4670..db927246e3 100644 --- a/packages/app/src/theme/themes/clickstack/mantineTheme.ts +++ b/packages/app/src/theme/themes/clickstack/mantineTheme.ts @@ -214,6 +214,9 @@ export const makeTheme = ({ }, }), Button: Button.extend({ + defaultProps: { + variant: 'primary', + }, vars: (_theme, props) => { const baseVars: Record = {}; diff --git a/packages/app/src/theme/themes/hyperdx/mantineTheme.ts b/packages/app/src/theme/themes/hyperdx/mantineTheme.ts index cf83e49ace..98dd0e31c9 100644 --- a/packages/app/src/theme/themes/hyperdx/mantineTheme.ts +++ b/packages/app/src/theme/themes/hyperdx/mantineTheme.ts @@ -231,6 +231,9 @@ export const makeTheme = ({ }, }), Button: Button.extend({ + defaultProps: { + variant: 'primary', + }, vars: (_theme, props) => { const baseVars: Record = {};