调整icon，部分样式

packages/pancake-uikit/src/components/Svg/Icons/Language.tsx

@@ -5,7 +5,10 @@ import { SvgProps } from "../types";
 const Icon: React.FC<SvgProps> = (props) => {
   return (
     <Svg viewBox="0 0 24 24" {...props}>
-      <path d="M11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM18.92 8H15.97C15.65 6.75 15.19 5.55 14.59 4.44C16.43 5.07 17.96 6.35 18.92 8ZM12 4.04C12.83 5.24 13.48 6.57 13.91 8H10.09C10.52 6.57 11.17 5.24 12 4.04ZM4.26 14C4.1 13.36 4 12.69 4 12C4 11.31 4.1 10.64 4.26 10H7.64C7.56 10.66 7.5 11.32 7.5 12C7.5 12.68 7.56 13.34 7.64 14H4.26ZM5.08 16H8.03C8.35 17.25 8.81 18.45 9.41 19.56C7.57 18.93 6.04 17.66 5.08 16ZM8.03 8H5.08C6.04 6.34 7.57 5.07 9.41 4.44C8.81 5.55 8.35 6.75 8.03 8ZM12 19.96C11.17 18.76 10.52 17.43 10.09 16H13.91C13.48 17.43 12.83 18.76 12 19.96ZM14.34 14H9.66C9.57 13.34 9.5 12.68 9.5 12C9.5 11.32 9.57 10.65 9.66 10H14.34C14.43 10.65 14.5 11.32 14.5 12C14.5 12.68 14.43 13.34 14.34 14ZM14.59 19.56C15.19 18.45 15.65 17.25 15.97 16H18.92C17.96 17.65 16.43 18.93 14.59 19.56ZM16.36 14C16.44 13.34 16.5 12.68 16.5 12C16.5 11.32 16.44 10.66 16.36 10H19.74C19.9 10.64 20 11.31 20 12C20 12.69 19.9 13.36 19.74 14H16.36Z" />
+      <path
+        fill="#1FC7D4"
+        d="M11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM18.92 8H15.97C15.65 6.75 15.19 5.55 14.59 4.44C16.43 5.07 17.96 6.35 18.92 8ZM12 4.04C12.83 5.24 13.48 6.57 13.91 8H10.09C10.52 6.57 11.17 5.24 12 4.04ZM4.26 14C4.1 13.36 4 12.69 4 12C4 11.31 4.1 10.64 4.26 10H7.64C7.56 10.66 7.5 11.32 7.5 12C7.5 12.68 7.56 13.34 7.64 14H4.26ZM5.08 16H8.03C8.35 17.25 8.81 18.45 9.41 19.56C7.57 18.93 6.04 17.66 5.08 16ZM8.03 8H5.08C6.04 6.34 7.57 5.07 9.41 4.44C8.81 5.55 8.35 6.75 8.03 8ZM12 19.96C11.17 18.76 10.52 17.43 10.09 16H13.91C13.48 17.43 12.83 18.76 12 19.96ZM14.34 14H9.66C9.57 13.34 9.5 12.68 9.5 12C9.5 11.32 9.57 10.65 9.66 10H14.34C14.43 10.65 14.5 11.32 14.5 12C14.5 12.68 14.43 13.34 14.34 14ZM14.59 19.56C15.19 18.45 15.65 17.25 15.97 16H18.92C17.96 17.65 16.43 18.93 14.59 19.56ZM16.36 14C16.44 13.34 16.5 12.68 16.5 12C16.5 11.32 16.44 10.66 16.36 10H19.74C19.9 10.64 20 11.31 20 12C20 12.69 19.9 13.36 19.74 14H16.36Z"
+      />
     </Svg>
   );
 };

packages/pancake-uikit/src/widgets/Menu/components/LangSelector.tsx

@@ -22,7 +22,7 @@ const LangSelector: React.FC<Props> = ({ currentLang, langs, setLang }) => (
     position="top-right"
     target={
       <ButtonStyle variant="text" startIcon={<LanguageIcon color="textSubtle" width="24px" />}>
-        <Text color="textSubtle">{currentLang?.toUpperCase()}</Text>
+        <Text color="#1FC7D4">{currentLang?.toUpperCase()}</Text>
       </ButtonStyle>
     }
   >
@@ -32,7 +32,7 @@ const LangSelector: React.FC<Props> = ({ currentLang, langs, setLang }) => (
         fullWidth
         onClick={() => setLang(lang)}
         // Safari fix
-        style={{ minHeight: "32px", height: "auto" }}
+        style={{ minHeight: "32px", height: "auto", color: "#1FC7D4" }}
       >
         {lang.language}
       </MenuButton>

packages/pancake-uikit/src/widgets/Menu/components/MenuEntry.tsx

@@ -21,7 +21,8 @@ const rainbowAnimation = keyframes`
 `;
 
 const LinkLabel = styled.div<{ isPushed: boolean }>`
-  color: ${({ isPushed, theme }) => (isPushed ? theme.colors.textSubtle : "transparent")};
+  /* color: ${({ isPushed, theme }) => (isPushed ? theme.colors.textSubtle : "transparent")}; */
+  color: #999;
   transition: color 0.4s;
   flex-grow: 1;
 `;

packages/pancake-uikit/src/widgets/Menu/components/PanelFooter.tsx

@@ -75,7 +75,7 @@ const PanelFooter: React.FC<Props> = ({
       <SettingsEntry>
         {/* <ThemeSwitcher isDark={isDark} toggleTheme={toggleTheme} /> */}
         <LangSelector currentLang={currentLang} langs={langs} setLang={setLang} />
-        <Link href={documentAddress} target="_blank" color="#7A6EAA">
+        <Link href={documentAddress} target="_blank" color="#1FC7D4">
           {t("help center")}
         </Link>
       </SettingsEntry>

packages/pancake-uikit/src/widgets/Menu/icons/Announcement.tsx

@@ -7,8 +7,8 @@ const Icon: React.FC<SvgProps> = (props) => {
     <Svg viewBox="0 0 24 24" {...props}>
       <path
         id="公告"
-        fill="#7A6EAA"
+        fill="#999"
-        d="M16.532,0H2.467A2.433,2.433,0,0,0,0,2.38V12.857a2.432,2.432,0,0,0,2.467,2.381H4.589l-.443,1.477a.2.2,0,0,0,.049.238c.049.047.1.047.2.047h.1l4.047-1.762h8A2.433,2.433,0,0,0,19,12.858V2.38A2.465,2.465,0,0,0,16.532,0ZM5.627,7.952H3.355a.714.714,0,1,1,0-1.428H5.577a.746.746,0,0,1,.74.714.7.7,0,0,1-.69.714Zm5.083,0H8.487a.714.714,0,1,1,0-1.428h2.222a.714.714,0,1,1,0,1.428Zm4.886,0H13.72a.714.714,0,1,1,0-1.428h1.875a.746.746,0,0,1,.741.714.684.684,0,0,1-.212.508A.746.746,0,0,1,15.6,7.952Z"
+        d="M17.4,0H2.6A2.568,2.568,0,0,0,0,2.52V13.613a2.567,2.567,0,0,0,2.6,2.521H4.831L4.364,17.7a.215.215,0,0,0,.052.252c.052.05.1.05.208.05h.1l4.26-1.866H17.4a2.568,2.568,0,0,0,2.6-2.52V2.52A2.6,2.6,0,0,0,17.4,0ZM5.923,8.42H3.532a.756.756,0,1,1,0-1.512H5.871a.787.787,0,0,1,.779.756.742.742,0,0,1-.727.756Zm5.351,0H8.933a.756.756,0,1,1,0-1.512h2.339a.756.756,0,1,1,0,1.512Zm5.143,0H14.443a.756.756,0,1,1,0-1.512h1.973a.787.787,0,0,1,.78.756.727.727,0,0,1-.223.537A.783.783,0,0,1,16.416,8.42Z"
         transform="translate(0)"
       />
     </Svg>

packages/pancake-uikit/src/widgets/Menu/icons/Bazaar.tsx

@@ -7,8 +7,8 @@ const Icon: React.FC<SvgProps> = (props) => {
     <Svg viewBox="0 0 24 24" {...props}>
       <path
         id="市场动态"
-        fill="#7A6EAA"
+        fill="#999"
-        d="M82.348,76.711H76.16V78.5h6.188Zm0-3.593H76.16v1.8h6.188Zm0-4.18h-13.5v1.79h13.5ZM68.851,78.5h5.055V73.118H68.851Zm13.961,5.382a1.651,1.651,0,0,0-3.169,0H77.184a1.651,1.651,0,0,0-3.169,0H71.556a1.651,1.651,0,0,0-3.169,0h-2.35V65.946a1.159,1.159,0,0,1,1.12-1.188H84.042a1.159,1.159,0,0,1,1.12,1.188V83.883h-2.35Z"
+        d="M83.094,77.258H76.623v1.871h6.471Zm0-3.757H76.623v1.886h6.471Zm0-4.371H68.98V71H83.094Zm-14.114,10h5.286V73.5H68.98Zm14.6,5.629a1.726,1.726,0,0,0-3.314,0H77.694a1.726,1.726,0,0,0-3.314,0H71.808a1.726,1.726,0,0,0-3.314,0H66.037V66a1.212,1.212,0,0,1,1.171-1.243H84.866A1.212,1.212,0,0,1,86.037,66V84.758H83.58Z"
         transform="translate(-66.037 -64.758)"
       />
     </Svg>

packages/pancake-uikit/src/widgets/Menu/icons/BlindBox.tsx

@@ -7,8 +7,8 @@ const Icon: React.FC<SvgProps> = (props) => {
     <Svg viewBox="0 0 24 24" {...props}>
       <path
         id="盒子标签"
-        fill="#7A6EAA"
+        fill="#999"
-        d="M139.368,132.794v6.575a.263.263,0,0,1-.352.239l-2.263-.93a.674.674,0,0,0-.541,0l-2.263.93a.257.257,0,0,1-.352-.239v-6.575h-6.26v12.9a.5.5,0,0,0,.5.5h17.273a.5.5,0,0,0,.5-.5v-12.9Zm6.223-.717a.478.478,0,0,0-.1-.214l-3.08-3.809a.528.528,0,0,0-.39-.189H131a.516.516,0,0,0-.39.176l-3.155,3.822a.478.478,0,0,0-.1.214Z"
+        d="M140.5,133.243v7.174a.287.287,0,0,1-.385.261l-2.476-1.015a.739.739,0,0,0-.591,0l-2.476,1.015a.282.282,0,0,1-.385-.261v-7.174h-6.85v14.074a.551.551,0,0,0,.55.549h18.9a.551.551,0,0,0,.55-.549V133.243Zm6.809-.782a.521.521,0,0,0-.11-.233l-3.37-4.156a.578.578,0,0,0-.426-.206H131.34a.565.565,0,0,0-.426.192l-3.453,4.17a.522.522,0,0,0-.11.233Z"
         transform="translate(-127.337 -127.866)"
       />
     </Svg>

packages/pancake-uikit/src/widgets/Menu/icons/Board.tsx

@@ -7,8 +7,8 @@ const Icon: React.FC<SvgProps> = (props) => {
     <Svg viewBox="0 0 24 24" {...props}>
       <path
         id="资金账户"
-        fill="#7A6EAA"
+        fill="#999"
-        d="M193.061,238.866H170.666v-2.8a1.4,1.4,0,0,1,1.4-1.4h19.6a1.4,1.4,0,0,1,1.4,1.4v2.8Zm0,1.4v11.2a1.4,1.4,0,0,1-1.4,1.4h-19.6a1.4,1.4,0,0,1-1.4-1.4v-11.2h22.4Zm-18.9,4.9a.7.7,0,0,0,0,1.4h5.6a.7.7,0,1,0,0-1.4Z"
+        d="M190.666,238.866h-20v-2.8a1.331,1.331,0,0,1,1.25-1.4h17.5a1.331,1.331,0,0,1,1.25,1.4v2.8Zm0,1.4v11.2a1.331,1.331,0,0,1-1.25,1.4h-17.5a1.331,1.331,0,0,1-1.25-1.4v-11.2h20Zm-16.875,4.9a.7.7,0,0,0,0,1.4h5a.7.7,0,0,0,0-1.4Z"
         transform="translate(-170.666 -234.667)"
       />
     </Svg>

packages/pancake-uikit/src/widgets/Menu/icons/Compound.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+import Svg from "../../../components/Svg/Svg";
+import { SvgProps } from "../../../components/Svg/types";
+
+const Icon: React.FC<SvgProps> = (props) => {
+  return (
+    <Svg viewBox="0 0 24 24" {...props}>
+      <path
+        id="icons8-jira"
+        fill="#999"
+        d="M9.939,0a.476.476,0,0,0-.3.122A5.114,5.114,0,0,0,8.149,3.473,5.111,5.111,0,0,0,9.64,6.826l.4.382.6.575L12.942,10l-2.3,2.212.359.345a5.923,5.923,0,0,1,1.756,3.966,4.8,4.8,0,0,1-.132,1.1l6.978-6.7a1.268,1.268,0,0,0,0-1.845L10.279.122A.477.477,0,0,0,9.939,0ZM7.374,2.372.4,9.074a1.268,1.268,0,0,0,0,1.845l9.32,8.953a.466.466,0,0,0,.64,0,5.111,5.111,0,0,0,1.491-3.351,5.114,5.114,0,0,0-1.491-3.351L7.055,10l2.3-2.212L9,7.439A5.919,5.919,0,0,1,7.243,3.473a4.8,4.8,0,0,1,.131-1.1Z"
+        transform="translate(0.002 0.001)"
+      />
+    </Svg>
+  );
+};
+
+export default Icon;

packages/pancake-uikit/src/widgets/Menu/icons/Home.tsx

@@ -5,7 +5,14 @@ import { SvgProps } from "../../../components/Svg/types";
 const Icon: React.FC<SvgProps> = (props) => {
   return (
     <Svg viewBox="0 0 24 24" {...props}>
-      <path d="M9.99998 19V14H14V19C14 19.55 14.45 20 15 20H18C18.55 20 19 19.55 19 19V12H20.7C21.16 12 21.38 11.43 21.03 11.13L12.67 3.59997C12.29 3.25997 11.71 3.25997 11.33 3.59997L2.96998 11.13C2.62998 11.43 2.83998 12 3.29998 12H4.99998V19C4.99998 19.55 5.44998 20 5.99998 20H8.99998C9.54998 20 9.99998 19.55 9.99998 19Z" />
+      <path
+        id="_204首页"
+        data-name="204首页"
+        fill="#999"
+        d="M119.285,143.223l-10.429-7.461a.839.839,0,0,0-.989,0l-10.493,7.461a.426.426,0,0,0,.258.774h2.107v11.611a.431.431,0,0,0,.43.43h5.161a.431.431,0,0,0,.43-.43v-6.451h5.161v6.451a.431.431,0,0,0,.43.43h5.161a.431.431,0,0,0,.43-.43V144h2.107A.425.425,0,0,0,119.285,143.223Z"
+        transform="translate(-97.191 -135.6)"
+      />
+      {/* <path d="M9.99998 19V14H14V19C14 19.55 14.45 20 15 20H18C18.55 20 19 19.55 19 19V12H20.7C21.16 12 21.38 11.43 21.03 11.13L12.67 3.59997C12.29 3.25997 11.71 3.25997 11.33 3.59997L2.96998 11.13C2.62998 11.43 2.83998 12 3.29998 12H4.99998V19C4.99998 19.55 5.44998 20 5.99998 20H8.99998C9.54998 20 9.99998 19.55 9.99998 19Z" /> */}
     </Svg>
   );
 };

packages/pancake-uikit/src/widgets/Menu/icons/Ido.tsx

@@ -9,15 +9,15 @@ const Icon: React.FC<SvgProps> = (props) => {
         <path
           id="路径_1321"
           data-name="路径 1321"
-          fill="#7A6EAA"
+          fill="#999899"
-          d="M177.6,245.308H158.1a1.5,1.5,0,0,1-1.5-1.5V228.665a1.5,1.5,0,0,1,1.5-1.5H177.6a1.5,1.5,0,0,1,1.5,1.5v15.147A1.5,1.5,0,0,1,177.6,245.308Z"
+          d="M175.271,245.308H157.929a1.419,1.419,0,0,1-1.329-1.5V228.665a1.419,1.419,0,0,1,1.329-1.5h17.342a1.419,1.419,0,0,1,1.329,1.5v15.147A1.42,1.42,0,0,1,175.271,245.308Z"
           transform="translate(0 0)"
         />
         <path
           id="路径_1322"
           data-name="路径 1322"
-          fill="#7A6EAA"
+          fill="#fcfcfc"
-          d="M274.416,332.482H260.936a.783.783,0,1,1,0-1.566h11.3L270,329.067a.783.783,0,1,1,1-1.208l3.922,3.235a.783.783,0,0,1-.5,1.387Zm-9.56,7.041a.779.779,0,0,1-.5-.179l-3.922-3.235a.783.783,0,1,1,.5-1.387h13.481a.783.783,0,1,1,0,1.566h-11.3l2.241,1.848a.783.783,0,0,1-.5,1.387Z"
+          d="M272.043,332.482H260.73a.8.8,0,0,1,0-1.566h9.484l-1.88-1.848a.89.89,0,0,1-.089-1.1.588.588,0,0,1,.925-.106l3.291,3.235a.882.882,0,0,1,.2.869A.674.674,0,0,1,272.043,332.482Zm-8.022,7.041a.593.593,0,0,1-.418-.179l-3.291-3.235a.683.683,0,0,1-.629-.556.864.864,0,0,1,.265-.878.575.575,0,0,1,.782.048h11.313a.8.8,0,0,1,0,1.566h-9.484l1.88,1.848a.889.889,0,0,1,.089,1.1A.62.62,0,0,1,264.02,339.523Z"
           transform="translate(-99.826 -97.363)"
         />
       </g>

packages/pancake-uikit/src/widgets/Menu/icons/NFTBox.tsx

@@ -5,22 +5,13 @@ import { SvgProps } from "../../../components/Svg/types";
 const Icon: React.FC<SvgProps> = (props) => {
   return (
     <Svg viewBox="0 0 24 24" {...props}>
-      <g id="document_fill" transform="translate(-160 -128)">
       <path
-          id="路径_1"
+        id="盒子_画板_1"
-          data-name="路径 1"
+        data-name="盒子_画板 1"
-          fill="#7A6EAA"
+        fill="#999899"
-          d="M644.988,145.838l-4.22-4.587A2.666,2.666,0,0,0,640,140.7v5.438l5.211,0a2.432,2.432,0,0,0-.222-.3"
+        d="M289,418.5h18v10a1,1,0,0,1-1,1H290a1,1,0,0,1-1-1h0Zm6,2v2h6v-2Zm-7-8a1,1,0,0,1,1-1h18a1,1,0,0,1,1,1h0v4H288Z"
-          transform="translate(-467.642 -12.377)"
+        transform="translate(-288 -411.5)"
       />
-        <path
-          id="路径_2"
-          data-name="路径 2"
-          fill="#7A6EAA"
-          d="M172.358,139.534h-6.591a.824.824,0,0,1,0-1.648h6.591a.824.824,0,0,1,0,1.648m0,4.119h-6.591a.824.824,0,0,1,0-1.648h6.591a.824.824,0,0,1,0,1.648m5.762-8.239H172.36a1.651,1.651,0,0,1-1.649-1.651V128h-9.068A1.648,1.648,0,0,0,160,129.649v16.473a1.648,1.648,0,0,0,1.641,1.65h14.843a1.648,1.648,0,0,0,1.641-1.652V135.457c0-.014,0-.029,0-.043"
-          transform="translate(0 0)"
-        />
-      </g>
     </Svg>
   );
 };

packages/pancake-uikit/src/widgets/Menu/icons/Recommend.tsx

@@ -7,8 +7,8 @@ const Icon: React.FC<SvgProps> = (props) => {
     <Svg viewBox="0 0 24 24" {...props}>
       <path
         id="icon_推荐-面"
-        fill="#7A6EAA"
+        fill="#999"
-        d="M157.09,19.458l-4.048,3.231h-.126V4.385A4.386,4.386,0,0,1,157.3,0h7.674a4.386,4.386,0,0,1,4.385,4.385v18.3h-.126l-8.1-6.463-4.048,3.231Zm.794-6.885,3.254-2.261,3.254,2.261-1.153-3.791,3.163-2.4-3.962-.08-1.3-3.745-1.3,3.745-3.962.08,3.163,2.4-1.153,3.791Zm0,0"
+        d="M157.485,19.458l-4.431,3.231h-.138V4.385A4.608,4.608,0,0,1,157.716,0h8.4a4.608,4.608,0,0,1,4.8,4.385v18.3h-.138l-8.862-6.463-4.431,3.231Zm.869-6.885,3.562-2.261,3.562,2.261-1.262-3.791,3.462-2.4-4.338-.08-1.425-3.745L160.491,6.3l-4.337.08,3.462,2.4-1.263,3.791Zm0,0"
         transform="translate(-152.916)"
       />
     </Svg>

packages/pancake-uikit/src/widgets/Menu/icons/index.ts

@@ -24,3 +24,4 @@ export { default as Board } from "./Board";
 export { default as NFTBox } from "./NFTBox";
 export { default as Recommend } from "./Recommend";
 export { default as Ido } from "./Ido";
+export { default as Compound } from "./Compound";