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}`,
},
"&:active .MuiAvatar-root": {
backgroundColor: theme.palette.purple.main,
color: theme.palette.purple.main,
backgroundColor: theme.palette.purple.dark,
color: theme.palette.purple.dark,
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,
color,
"&:hover": {
color: theme.palette.purple.main,
color: theme.palette.purple.dark,
},
"&:active": {
color: theme.palette.purple.main,
color: theme.palette.purple.dark,
},
...sx,
}}

2
lib/components/CloseButtonSmall.tsx
View File

@ -16,7 +16,7 @@ export function CloseButtonSmall({ onClick, sx }: Props) {
height: 12,
width: 12,
p: 0,
color: theme.palette.purple.main,
color: theme.palette.purple.dark,
"&:hover": {
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,
},
"&:active": {
backgroundColor: theme.palette.purple.main,
backgroundColor: theme.palette.purple.dark,
color: "white",
},
}

2
lib/components/PenaTextField.tsx
View File

@ -93,7 +93,7 @@ export function PenaTextField({
border: `1px solid ${theme.palette.gray.dark}`,
},
"&.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": {

2
lib/components/WalletButton.tsx
View File

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

18
lib/components/theme.ts
View File

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