Adjust outlined button color in dark mode

Author: kubk

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,
           }),

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": {