diff --git a/package.json b/package.json index ff663d09..d646de6f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "rowy", - "version": "2.6.1", + "version": "2.7.0-alpha", "homepage": "https://rowy.io", "repository": { "type": "git", diff --git a/src/theme/colors.ts b/src/theme/colors.ts index 5514b3d7..2cf5e12d 100644 --- a/src/theme/colors.ts +++ b/src/theme/colors.ts @@ -49,7 +49,7 @@ export const colorsLight = ( disabled: textBase.alpha(0.26).toHslString(), disabledBackground: textBase.alpha(0.12).toHslString(), input: "#fff", - inputOutline: shadowBase.alpha(0.12).toRgbString(), + inputOutline: shadowBase.alpha(0.1).toRgbString(), }, divider: shadowBase.alpha(0.12).toRgbString(), // Using hsl string breaks table borders }, @@ -154,7 +154,7 @@ export const colorsDark = ( hover: "rgba(255, 255, 255, 0.08)", hoverOpacity: 0.08, input: "rgba(255, 255, 255, 0.06)", - inputOutline: "rgba(255, 255, 255, 0.08)", + inputOutline: "rgba(255, 255, 255, 0.06)", }, // success: { light: "#34c759" }, }, diff --git a/src/theme/components.tsx b/src/theme/components.tsx index 48d4b446..342a92ea 100644 --- a/src/theme/components.tsx +++ b/src/theme/components.tsx @@ -725,12 +725,12 @@ export const components = (theme: Theme): ThemeOptions => { }, contained: { - boxShadow: `0 -1px 0 0 rgba(0, 0, 0, 0.12) inset, ${theme.shadows[2]}`, + boxShadow: `0 -1px 0 0 rgba(0, 0, 0, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.08) inset, ${theme.shadows[2]}`, "&:hover": { - boxShadow: `0 -1px 0 0 rgba(0, 0, 0, 0.12) inset, ${theme.shadows[4]}`, + boxShadow: `0 -1px 0 0 rgba(0, 0, 0, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.08) inset, ${theme.shadows[4]}`, }, "&:active": { - boxShadow: `0 -1px 0 0 rgba(0, 0, 0, 0.12) inset, ${theme.shadows[8]}`, + boxShadow: `0 -1px 0 0 rgba(0, 0, 0, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.08) inset, ${theme.shadows[8]}`, }, }, containedPrimary: {