From 36fcc6b1e135c28936cc62c43d0ba669897d1e55 Mon Sep 17 00:00:00 2001 From: Gorbachev Egor <7gorbachevm@gmail.com> Date: Thu, 11 Jan 2024 14:30:20 +0700 Subject: [PATCH] Adjust outlined button color in dark mode --- src/ui/button-side-aligned.tsx | 2 +- src/ui/button.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/ui/button-side-aligned.tsx b/src/ui/button-side-aligned.tsx index 04d3cded..eacdf4f5 100644 --- a/src/ui/button-side-aligned.tsx +++ b/src/ui/button-side-aligned.tsx @@ -62,7 +62,7 @@ export const ButtonSideAligned = (props: Props) => { outline && css({ backgroundColor: parsedColor - .lighten(isDarkTheme() ? 0.35 : 0.4) + .lighten(isDarkTheme() ? 0.25 : 0.4) .toHex(), color: mainColor, }), diff --git a/src/ui/button.tsx b/src/ui/button.tsx index df3d7ca5..e1f4045e 100644 --- a/src/ui/button.tsx +++ b/src/ui/button.tsx @@ -68,7 +68,7 @@ export const Button = (props: Props) => { outline && css({ backgroundColor: parsedColor - .lighten(isDarkTheme() ? 0.35 : 0.4) + .lighten(isDarkTheme() ? 0.25 : 0.4) .toHex(), color: mainColor, ":hover": {