update button design

This commit is contained in:
Sidney Alcantara
2022-07-13 20:02:03 +10:00
parent df6df4c6fc
commit c92a0d19bf
3 changed files with 6 additions and 6 deletions

View File

@@ -1,6 +1,6 @@
{
"name": "rowy",
"version": "2.6.1",
"version": "2.7.0-alpha",
"homepage": "https://rowy.io",
"repository": {
"type": "git",

View File

@@ -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" },
},

View File

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