diff --git a/pages/_app.tsx b/pages/_app.tsx index 28db373d9..2bf6a94d2 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -18,6 +18,43 @@ const extendedTheme = extendTheme({ }, }), }, + components: { + Button: { + defaultProps: { + colorScheme: "lime", + color: "black", + }, + }, + // IconButton: { + // defaultProps: { + // isRound: true, + // }, + // }, + Modal: { + baseStyle: (props) => ({ + content: { + bg: mode( + theme.light.secondaryBgColor, + theme.dark.secondaryBgColor + )(props), + }, + }), + }, + }, + colors: { + lime: { + 50: "#e4ffdf", + 100: "#bbffb0", + 200: "#92ff7f", + 300: "#68ff4d", + 400: "#3fff1d", + 500: "#27e606", + 600: "#1bb300", + 700: "#108000", + 800: "#054d00", + 900: "#001b00", + }, + }, }); const MyApp = (props: AppProps) => { diff --git a/scenes/Layout/components/LanguageSelector.tsx b/scenes/Layout/components/LanguageSelector.tsx index 894d18f78..6fdda61ce 100644 --- a/scenes/Layout/components/LanguageSelector.tsx +++ b/scenes/Layout/components/LanguageSelector.tsx @@ -39,7 +39,7 @@ export const LanguageSelector = () => { variant="ghost" fontSize="20px" icon={} - borderRadius="50%" + isRound color={textColor} /> diff --git a/scenes/Layout/components/TopNav.tsx b/scenes/Layout/components/TopNav.tsx index bca7167aa..8259bd383 100644 --- a/scenes/Layout/components/TopNav.tsx +++ b/scenes/Layout/components/TopNav.tsx @@ -93,7 +93,8 @@ const TopNav = () => { fontSize="20px" onClick={toggleColorMode} icon={colorMode === "light" ? : } - borderRadius="50%" + mr="5px" + isRound /> diff --git a/scenes/Profile/components/AvatarWithInfo.tsx b/scenes/Profile/components/AvatarWithInfo.tsx index d3d3e062c..e778d2901 100644 --- a/scenes/Profile/components/AvatarWithInfo.tsx +++ b/scenes/Profile/components/AvatarWithInfo.tsx @@ -62,7 +62,7 @@ const AvatarWithInfo: React.FC = ({ user }) => { aria-label="Link to Twitter" icon={} color="#1DA1F2" - borderRadius="50%" + isRound variant="ghost" /> @@ -73,7 +73,7 @@ const AvatarWithInfo: React.FC = ({ user }) => { aria-label="Link to Twitch" icon={} color="#6441A4" - borderRadius="50%" + isRound variant="ghost" /> @@ -86,7 +86,7 @@ const AvatarWithInfo: React.FC = ({ user }) => { aria-label="Link to Twitch" icon={} color="#FF0000" - borderRadius="50%" + isRound variant="ghost" /> diff --git a/scenes/Profile/components/ProfileModal.tsx b/scenes/Profile/components/ProfileModal.tsx index b93f0b9ea..802ae603d 100644 --- a/scenes/Profile/components/ProfileModal.tsx +++ b/scenes/Profile/components/ProfileModal.tsx @@ -43,7 +43,7 @@ const ProfileModal: React.FC = ({ isOpen, onClose }) => { return ( - + {t("users;Editing profile")}
@@ -116,10 +116,12 @@ const ProfileModal: React.FC = ({ isOpen, onClose }) => { - - +