fix(components): fix styling bugs

CHANGELOG.md

@@ -74,7 +74,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Bug fixes
 
-- [#390](https://github.com/alleslabs/celatone-frontend/pull/390) Fix incorrect empty state for past txs table
+- [#390](https://github.com/alleslabs/celatone-frontend/pull/390) Fix minor styling
+- [#391](https://github.com/alleslabs/celatone-frontend/pull/391) Fix incorrect empty state for past txs table
 - [#383](https://github.com/alleslabs/celatone-frontend/pull/383) Fix title input field and navigation in sticky bar in proposal to store code, redirect path for wasm flag
 - [#387](https://github.com/alleslabs/celatone-frontend/pull/387) Fix reseting proposal table when applying filters
 - [#375](https://github.com/alleslabs/celatone-frontend/pull/375) Fix incorrect display resolve height in proposals page

src/config/theme/default.ts

@@ -27,7 +27,7 @@ export const DEFAULT_THEME: ThemeConfig = {
   },
   colors: {
     gradient: {
-      main: "linear(to-tr, #5235EF, #6145FC)",
+      main: "linear(to-tr, #5942F3, #9793F3)",
     },
     error: {
       main: "#FF666E",

src/lib/components/button/NewProposalButton.tsx

@@ -53,7 +53,7 @@ export const NewProposalButton = () => {
         >
           <MenuItem
             isDisabled={isPermissionless}
-            icon={<CustomIcon name="admin" />}
+            icon={<CustomIcon name="admin" color="gray.600" />}
             onClick={() => {
               navigate({
                 pathname: "/proposals/whitelist",

src/lib/components/button/RedoButton.tsx

@@ -15,7 +15,7 @@ export const RedoButton = ({ message }: RedoButtonProps) => {
   const { chain } = useCurrentChain();
   return (
     <Button
-      variant="outline"
+      variant="outline-gray"
       size="sm"
       onClick={(e) =>
         onClickRedo(

src/lib/components/button/ResendButton.tsx

@@ -53,7 +53,7 @@ export const ResendButton = ({ messages }: ResendButtonProps) => {
 
   return (
     <Button
-      variant="outline"
+      variant="outline-gray"
       iconSpacing="0"
       size="sm"
       onClick={(e) => {

src/lib/components/modal/RedoModal.tsx

@@ -34,7 +34,7 @@ export const RedoModal = ({ message }: RedoModalProps) => {
     <>
       <Button
         leftIcon={<CustomIcon name="redo" />}
-        variant="outline"
+        variant="outline-gray"
         iconSpacing="2"
         size="sm"
         onClick={onOpen}

src/lib/styles/theme/components/switch.ts

@@ -6,6 +6,7 @@ const { definePartsStyle, defineMultiStyleConfig } =
 
 const baseStyle = definePartsStyle({
   track: {
+    bg: "gray.500",
     _checked: {
       bg: "primary.main",
     },