CodeCow/stack
1
0
Fork 0
mirror of https://github.com/stack-auth/stack.git synced 2026-06-04 21:04:37 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Stronger dark mode borders

Browse Source
This commit is contained in:
Konstantin Wohlwend 2025-08-12 17:50:11 -07:00
parent f1fb3007d5
commit 742b490850
2 changed files with 50 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
apps/dashboard/src/app/globals.css
View File

@ -34,10 +34,10 @@
--success: 120 40% 50%;
--success-foreground: 0 0% 98%;
--border: 240 5.9% 90%;
--border-in-card: 240 5.9% 90%;
--input: 240 5.9% 90%;
--input-in-card: 240 5.9% 90%;
--border: 240 5.9% 80%;
--border-in-card: 240 5.9% 80%;
--input: 240 5.9% 80%;
--input-in-card: 240 5.9% 80%;
--ring: 240 10% 3.9%;
--radius: 0.5rem;
@ -74,14 +74,54 @@
--success: 120 40% 50%;
--success-foreground: 0 0% 98%;
--border: 240 3.7% 15.9%;
--border-in-card: 240 3.7% 23.9%;
--input: 240 3.7% 15.9%;
--input-in-card: 240 3.7% 23.9%;
--border: 240 3.7% 35.9%;
--border-in-card: 240 3.7% 43.9%;
--input: 240 3.7% 25.9%;
--input-in-card: 240 3.7% 43.9%;
--ring: 240 4.9% 83.9%;
}
}
.stack-scope {
--background: inherit !important;
--foreground: inherit !important;
--card: inherit !important;
--card-foreground: inherit !important;
--popover: inherit !important;
--popover-foreground: inherit !important;
--primary: inherit !important;
--primary-foreground: inherit !important;
--secondary: inherit !important;
--secondary-in-card: inherit !important;
--secondary-foreground: inherit !important;
--muted: inherit !important;
--muted-in-card: inherit !important;
--muted-foreground: inherit !important;
--accent: inherit !important;
--accent-in-card: inherit !important;
--accent-foreground: inherit !important;
--destructive: inherit !important;
--destructive-foreground: inherit !important;
--success: inherit !important;
--success-foreground: inherit !important;
--border: inherit !important;
--border-in-card: inherit !important;
--input: inherit !important;
--input-in-card: inherit !important;
--ring: inherit !important;
--radius: inherit !important;
}
@layer base {
* {
@apply border-border;

4
apps/dashboard/src/components/payments/stripe-theme-variables.ts
View File

@ -3,14 +3,14 @@ const darkAppearanceVariables = {
colorText: "hsl(0, 0%, 98%)",
colorBackground: "hsl(240, 10%, 3.9%)",
colorSecondaryText: "hsl(240, 5%, 64.9%)",
colorBorder: "hsl(240, 3.7%, 15.9%)",
colorBorder: "hsl(240, 3.7%, 35.9%)",
buttonSecondaryColorBackground: "hsl(240, 3.7%, 15.9%)",
buttonSecondaryColorText: "hsl(0, 0%, 98%)",
actionSecondaryColorText: "hsl(0, 0%, 98%)",
actionSecondaryTextDecorationColor: "hsl(0, 0%, 98%)",
colorDanger: "hsl(0, 62.8%, 50%)",
badgeNeutralColorBackground: "hsl(240, 3.7%, 15.9%)",
badgeNeutralColorBorder: "hsl(240, 3.7%, 15.9%)",
badgeNeutralColorBorder: "hsl(240, 3.7%, 35.9%)",
badgeNeutralColorText: "hsl(240, 5%, 64.9%)",
badgeSuccessColorBackground: "hsl(120, 40%, 15%)",
badgeSuccessColorBorder: "hsl(120, 40%, 25%)",