+
{children}
diff --git a/app/components/testdata/CreatePaymentsButton.tsx b/app/components/testdata/CreatePaymentsButton.tsx
index f248e9f..fe28dc7 100644
--- a/app/components/testdata/CreatePaymentsButton.tsx
+++ b/app/components/testdata/CreatePaymentsButton.tsx
@@ -183,7 +183,7 @@ export default function CreatePaymentsButton({classes}: {classes?: string}) {
Number of payments
-
+
diff --git a/app/globals.css b/app/globals.css
index 4e40459..207e82d 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -47,7 +47,7 @@
--background: 220 18.37% 9.61%;
--foreground: 220 16.67% 14.12%;
- --screen-background: #14171d;
+ --screen-background: #1b1e25;
--screen-foreground: #1e222a;
--dialog-content: 220, 18.37%, 9.61%;
diff --git a/components/ui/badge.tsx b/components/ui/badge.tsx
index db80e67..c47338d 100644
--- a/components/ui/badge.tsx
+++ b/components/ui/badge.tsx
@@ -9,8 +9,8 @@ const badgeVariants = cva(
variants: {
variant: {
default: 'bg-gray-200 border-gray-300 text-primary-foreground',
- blue: 'bg-sky-100 border-sky-200 text-sky-700',
- red: 'bg-red-100 border-red-200 text-red-700',
+ blue: 'bg-sky-100 border-sky-200 text-sky-700 dark:bg-sky-900 dark:border-sky-700 dark:text-sky-300',
+ red: 'bg-rose-100 border-rose-200 text-rose-700 dark:bg-rose-900 dark:border-rose-700 dark:text-rose-300',
secondary:
'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
destructive: