PenaSide/UIKit
3
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix colors

Browse Source
This commit is contained in:
nflnkr 2023-08-22 14:28:38 +03:00
parent eaa062302e
commit b24265246f
7 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
lib/components/AvatarButton.tsx
View File

@ -16,8 +16,8 @@ export function AvatarButton(props: IconButtonProps) {
border: `2px solid ${theme.palette.gray.main}`, border: `2px solid ${theme.palette.gray.main}`,
}, },
"&:active .MuiAvatar-root": { "&:active .MuiAvatar-root": {
backgroundColor: theme.palette.purple.main, backgroundColor: theme.palette.purple.dark,
color: theme.palette.purple.main, color: theme.palette.purple.dark,
border: "1px solid black", border: "1px solid black",
}, },
} }

4
lib/components/BurgerButton.tsx
View File

@ -19,10 +19,10 @@ export function BurgerButton({ onClick, sx, color = "white" }: Props) {
p: 0, p: 0,
color, color,
"&:hover": { "&:hover": {
color: theme.palette.purple.main, color: theme.palette.purple.dark,
}, },
"&:active": { "&:active": {
color: theme.palette.purple.main, color: theme.palette.purple.dark,
}, },
...sx, ...sx,
}} }}

2
lib/components/CloseButtonSmall.tsx
View File

@ -16,7 +16,7 @@ export function CloseButtonSmall({ onClick, sx }: Props) {
height: 12, height: 12,
width: 12, width: 12,
p: 0, p: 0,
color: theme.palette.purple.main, color: theme.palette.purple.dark,
"&:hover": { "&:hover": {
color: theme.palette.orange.main, color: theme.palette.orange.main,
}, },

2
lib/components/LogoutButton.tsx
View File

@ -20,7 +20,7 @@ export function LogoutButton(props: IconButtonProps) {
backgroundColor: theme.palette.gray.main, backgroundColor: theme.palette.gray.main,
}, },
"&:active": { "&:active": {
backgroundColor: theme.palette.purple.main, backgroundColor: theme.palette.purple.dark,
color: "white", color: "white",
}, },
} }

2
lib/components/PenaTextField.tsx
View File

@ -93,7 +93,7 @@ export function PenaTextField({
border: `1px solid ${theme.palette.gray.dark}`, border: `1px solid ${theme.palette.gray.dark}`,
}, },
"&.Mui-focused fieldset": { "&.Mui-focused fieldset": {
border: `2px solid ${theme.palette.purple.main}`, border: `2px solid ${theme.palette.purple.dark}`,
}, },
}, },
"& .MuiFormHelperText-root.MuiFormHelperText-contained.MuiFormHelperText-filled.Mui-error": { "& .MuiFormHelperText-root.MuiFormHelperText-contained.MuiFormHelperText-filled.Mui-error": {

2
lib/components/WalletButton.tsx
View File

@ -25,7 +25,7 @@ export function WalletButton({ onClick, size = 36, sx }: Props) {
backgroundColor: theme.palette.gray.main, backgroundColor: theme.palette.gray.main,
}, },
"&:active": { "&:active": {
backgroundColor: theme.palette.purple.main, backgroundColor: theme.palette.purple.dark,
color: "white", color: "white",
}, },
...sx, ...sx,

18
lib/components/theme.ts
View File

@ -50,8 +50,8 @@ export const penaMuiTheme = createTheme({
{ {
props: { variant: "pena-contained-dark" }, props: { variant: "pena-contained-dark" },
style: ({ theme }) => theme.unstable_sx({ style: ({ theme }) => theme.unstable_sx({
border: `1px solid ${theme.palette.purple.main}`, border: `1px solid ${theme.palette.purple.dark}`,
backgroundColor: theme.palette.purple.main, backgroundColor: theme.palette.purple.dark,
minWidth: "180px", minWidth: "180px",
py: "9px", py: "9px",
px: "43px", px: "43px",
@ -68,7 +68,7 @@ export const penaMuiTheme = createTheme({
}, },
"&:active": { "&:active": {
backgroundColor: "#FFFFFF", backgroundColor: "#FFFFFF",
color: theme.palette.purple.main, color: theme.palette.purple.dark,
} }
}), }),
}, },
@ -91,8 +91,8 @@ export const penaMuiTheme = createTheme({
backgroundColor: theme.palette.bg.dark, backgroundColor: theme.palette.bg.dark,
}, },
"&:active": { "&:active": {
backgroundColor: theme.palette.purple.main, backgroundColor: theme.palette.purple.dark,
borderColor: theme.palette.purple.main, borderColor: theme.palette.purple.dark,
} }
}), }),
}, },
@ -148,7 +148,7 @@ export const penaMuiTheme = createTheme({
{ {
props: { variant: "pena-outlined-purple" }, props: { variant: "pena-outlined-purple" },
style: ({ theme }) => theme.unstable_sx({ style: ({ theme }) => theme.unstable_sx({
border: `1px solid ${theme.palette.purple.main}`, border: `1px solid ${theme.palette.purple.dark}`,
backgroundColor: "rgb(0 0 0 / 0)", backgroundColor: "rgb(0 0 0 / 0)",
minWidth: "180px", minWidth: "180px",
py: "9px", py: "9px",
@ -159,7 +159,7 @@ export const penaMuiTheme = createTheme({
lineHeight: "24px", lineHeight: "24px",
fontWeight: 400, fontWeight: 400,
textTransform: "none", textTransform: "none",
color: theme.palette.purple.main, color: theme.palette.purple.dark,
"&:hover": { "&:hover": {
backgroundColor: theme.palette.background.default, backgroundColor: theme.palette.background.default,
}, },
@ -201,10 +201,10 @@ export const penaMuiTheme = createTheme({
textTransform: "none", textTransform: "none",
color: "black", color: "black",
"&:hover": { "&:hover": {
color: theme.palette.purple.main, color: theme.palette.purple.dark,
}, },
"&:active": { "&:active": {
color: theme.palette.purple.main, color: theme.palette.purple.dark,
} }
}), }),
}, },