diff --git a/apps/storybook/styles/storybook-styles.css b/apps/storybook/styles/storybook-styles.css
index 2f188d1668..8893aebc15 100644
--- a/apps/storybook/styles/storybook-styles.css
+++ b/apps/storybook/styles/storybook-styles.css
@@ -248,10 +248,10 @@
--cal-bg-inverted: #f3f4f6;
/* background -> components*/
- --cal-bg-info: #dee9fc;
- --cal-bg-success: #e2fbe8;
- --cal-bg-attention: #fceed8;
- --cal-bg-error: #f9e3e2;
+ --cal-bg-info: #263fa9;
+ --cal-bg-success: #306339;
+ --cal-bg-attention: #8e3b1f;
+ --cal-bg-error: #8c2822;
--cal-bg-dark-error: #752522;
/* Borders */
@@ -269,10 +269,10 @@
--cal-text-inverted: #101010;
/* Content/Text -> components */
- --cal-text-info: #253985;
- --cal-text-success: #285231;
- --cal-text-attention: #73321b;
- --cal-text-error: #752522;
+ --cal-text-info: #dee9fc;
+ --cal-text-success: #e2fbe8;
+ --cal-text-attention: #fceed8;
+ --cal-text-error: #f9e3e2;
/* Brand shenanigans
-> These will be computed for the users theme at runtime.
diff --git a/apps/web/styles/globals.css b/apps/web/styles/globals.css
index cd8dbcdb6b..0fc2b6eedf 100644
--- a/apps/web/styles/globals.css
+++ b/apps/web/styles/globals.css
@@ -58,10 +58,10 @@
--cal-bg-inverted: #f3f4f6;
/* background -> components*/
- --cal-bg-info: #dee9fc;
- --cal-bg-success: #e2fbe8;
- --cal-bg-attention: #fceed8;
- --cal-bg-error: #f9e3e2;
+ --cal-bg-info: #263fa9;
+ --cal-bg-success: #306339;
+ --cal-bg-attention: #8e3b1f;
+ --cal-bg-error: #8c2822;
--cal-bg-dark-error: #752522;
/* Borders */
@@ -80,10 +80,10 @@
--cal-text-inverted: #101010;
/* Content/Text -> components */
- --cal-text-info: #253985;
- --cal-text-success: #285231;
- --cal-text-attention: #73321b;
- --cal-text-error: #752522;
+ --cal-text-info: #dee9fc;
+ --cal-text-success: #e2fbe8;
+ --cal-text-attention: #fceed8;
+ --cal-text-error: #f9e3e2;
/* Brand shenanigans
-> These will be computed for the users theme at runtime.
diff --git a/packages/features/ee/teams/components/TeamPill.tsx b/packages/features/ee/teams/components/TeamPill.tsx
index 52785f6d59..66c56edc89 100644
--- a/packages/features/ee/teams/components/TeamPill.tsx
+++ b/packages/features/ee/teams/components/TeamPill.tsx
@@ -15,9 +15,9 @@ export default function TeamPill(props: Props) {
{props.text}
diff --git a/packages/ui/components/button/Button.tsx b/packages/ui/components/button/Button.tsx
index 75473ce2c4..74b17bbdff 100644
--- a/packages/ui/components/button/Button.tsx
+++ b/packages/ui/components/button/Button.tsx
@@ -52,7 +52,7 @@ export const buttonClasses = cva(
minimal:
"text-emphasis hover:bg-subtle focus-visible:bg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset focus-visible:ring-empthasis disabled:border-subtle disabled:bg-opacity-30 disabled:text-muted disabled:hover:bg-transparent disabled:hover:text-muted disabled:hover:border-subtle",
destructive:
- "border border-default text-emphasis hover:text-red-700 focus-visible:text-red-700 hover:border-red-100 focus-visible:border-red-100 hover:bg-error focus-visible:bg-error focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset focus-visible:ring-red-700 disabled:bg-red-100 disabled:border-red-200 disabled:text-red-700 disabled:hover:border-red-200 disabled:opacity-40",
+ "border border-default text-emphasis hover:text-red-700 dark:hover:text-red-100 focus-visible:text-red-700 hover:border-red-100 focus-visible:border-red-100 hover:bg-error focus-visible:bg-error focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset focus-visible:ring-red-700 disabled:bg-red-100 disabled:border-red-200 disabled:text-red-700 disabled:hover:border-red-200 disabled:opacity-40",
},
size: {
sm: "px-3 py-2 leading-4 rounded-sm" /** For backwards compatibility */,
diff --git a/packages/ui/components/dialog/ConfirmationDialogContent.tsx b/packages/ui/components/dialog/ConfirmationDialogContent.tsx
index a9dabddd63..b25fbbc9c9 100644
--- a/packages/ui/components/dialog/ConfirmationDialogContent.tsx
+++ b/packages/ui/components/dialog/ConfirmationDialogContent.tsx
@@ -41,7 +41,7 @@ export function ConfirmationDialogContent(props: PropsWithChildren
{variety === "danger" && (
)}
{variety === "warning" && (
diff --git a/packages/ui/components/form/dropdown/Dropdown.tsx b/packages/ui/components/form/dropdown/Dropdown.tsx
index a91ef6a42d..50edacf4bb 100644
--- a/packages/ui/components/form/dropdown/Dropdown.tsx
+++ b/packages/ui/components/form/dropdown/Dropdown.tsx
@@ -138,7 +138,9 @@ export const DropdownItem = (props: DropdownItemProps) => {
{...rest}
className={classNames(
"hover:text-emphasis text-default inline-flex w-full items-center space-x-2 px-3 py-2 disabled:cursor-not-allowed",
- color === "destructive" ? "hover:bg-error hover:text-red-700" : "hover:bg-subtle",
+ color === "destructive"
+ ? "hover:bg-error hover:text-red-700 dark:hover:text-red-100"
+ : "hover:bg-subtle",
props.className
)}>
<>