From 10ca29a0670b67efe4957ff8190618e02d44b61b Mon Sep 17 00:00:00 2001 From: Eric Bailey Date: Wed, 25 Sep 2024 17:07:19 -0500 Subject: [PATCH] Tweak gradient --- src/alf/tokens.ts | 8 ++++++++ src/components/Button.tsx | 2 ++ src/view/shell/desktop/LeftNav.tsx | 2 +- 3 files changed, 11 insertions(+), 1 deletion(-) diff --git a/src/alf/tokens.ts b/src/alf/tokens.ts index 3f30702e85..10e2a6f398 100644 --- a/src/alf/tokens.ts +++ b/src/alf/tokens.ts @@ -60,6 +60,14 @@ export const fontWeight = { } as const export const gradients = { + primary: { + values: [ + [0, '#0A6CFF'], + [0.6, '#1085FE'], + [1, '#59B9FF'], + ], + hover_value: '#1085FE', + }, sky: { values: [ [0, '#0A7AFF'], diff --git a/src/components/Button.tsx b/src/components/Button.tsx index dcacfc3847..17179994a9 100644 --- a/src/components/Button.tsx +++ b/src/components/Button.tsx @@ -24,6 +24,7 @@ export type ButtonColor = | 'secondary' | 'secondary_inverted' | 'negative' + | 'gradient_primary' | 'gradient_sky' | 'gradient_midnight' | 'gradient_sunrise' @@ -412,6 +413,7 @@ export const Button = React.forwardRef( secondary: tokens.gradients.sky, secondary_inverted: tokens.gradients.sky, negative: tokens.gradients.sky, + gradient_primary: tokens.gradients.primary, gradient_sky: tokens.gradients.sky, gradient_midnight: tokens.gradients.midnight, gradient_sunrise: tokens.gradients.sunrise, diff --git a/src/view/shell/desktop/LeftNav.tsx b/src/view/shell/desktop/LeftNav.tsx index 1387fa75b4..1be10cc2d6 100644 --- a/src/view/shell/desktop/LeftNav.tsx +++ b/src/view/shell/desktop/LeftNav.tsx @@ -302,7 +302,7 @@ function ComposeBtn() { onPress={onPressCompose} size="large" variant="gradient" - color="gradient_sky" + color="gradient_primary" style={[a.rounded_full]}>