Adjust outlined button color in dark mode

kubk · Jan 11, 2024 · 36fcc6b · 36fcc6b
1 parent a6cdf8c
commit 36fcc6b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -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": {