diff --git a/packages/ui/src/toast.tsx b/packages/ui/src/toast.tsx
index 2958b9a..1fa9248 100644
--- a/packages/ui/src/toast.tsx
+++ b/packages/ui/src/toast.tsx
@@ -15,7 +15,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
       toastOptions={{
         classNames: {
           toast:
-            "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+            "group toast group-[.toaster]:bg-secondary-its dark:group-[.toaster]:bg-primary-its group-[.toaster]:text-white group-[.toaster]:border-border group-[.toaster]:shadow-lg",
           description: "group-[.toast]:text-muted-foreground",
           actionButton:
             "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
diff --git a/packages/ui/tailwind.config.ts b/packages/ui/tailwind.config.ts
index ed091ed..0abd748 100644
--- a/packages/ui/tailwind.config.ts
+++ b/packages/ui/tailwind.config.ts
@@ -31,7 +31,7 @@ export default {
         },
         primary: {
           DEFAULT: "hsl(var(--primary-its))",
-          foreground: "hsl(var(--primary-foreground))",
+          foreground: "hsl(0 0% 98%)",
         },
         secondary: {
           DEFAULT: "hsl(var(--secondary-its))",