From 024b92b9ce959e5c2d22b0aa83aeea3de7457353 Mon Sep 17 00:00:00 2001 From: Sahil Padvi <71093044+Sahil25061999@users.noreply.github.com> Date: Thu, 31 Aug 2023 21:48:27 +0530 Subject: [PATCH] styles:dark mode color fix (#11004) --- apps/storybook/styles/storybook-styles.css | 16 ++++++++-------- apps/web/styles/globals.css | 16 ++++++++-------- .../features/ee/teams/components/TeamPill.tsx | 6 +++--- packages/ui/components/button/Button.tsx | 2 +- .../dialog/ConfirmationDialogContent.tsx | 2 +- .../ui/components/form/dropdown/Dropdown.tsx | 4 +++- 6 files changed, 24 insertions(+), 22 deletions(-) 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) {