Skip to content

Commit d2b971d

Browse files
authored
fix(themes): Invert Vercel provider icon in dark themes (#7337)
1 parent f95ffdc commit d2b971d

File tree

3 files changed

+7
-0
lines changed

3 files changed

+7
-0
lines changed

.changeset/vercel-theme-invert.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@clerk/themes': patch
3+
---
4+
5+
Add `providerIcon__vercel` inversion for dark mode in `dark` and `shadcn` themes

packages/themes/src/themes/dark.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ export const dark = experimental_createTheme({
1515
providerIcon__apple: { filter: 'invert(1)' },
1616
providerIcon__github: { filter: 'invert(1)' },
1717
providerIcon__okx_wallet: { filter: 'invert(1)' },
18+
providerIcon__vercel: { filter: 'invert(1)' },
1819
activeDeviceIcon: {
1920
'--cl-chassis-bottom': '#d2d2d2',
2021
'--cl-chassis-back': '#e6e6e6',

packages/themes/src/themes/shadcn.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,5 +35,6 @@ export const shadcn = experimental_createTheme({
3535
providerIcon__apple: 'dark:invert',
3636
providerIcon__github: 'dark:invert',
3737
providerIcon__okx_wallet: 'dark:invert',
38+
providerIcon__vercel: 'dark:invert',
3839
},
3940
});

0 commit comments

Comments
 (0)