style(link): adjust color

Author: mydearxym

src/widgets/Buttons/Button.tsx

@@ -57,16 +57,16 @@ const Button: FC<TProps> = ({
       return (
         <Wrapper
           ghost={ghost}
-          onClick={() => {
-            if (!disabled) onClick()
-          }}
+          onClick={() => !disabled && onClick()}
           size={size}
           className={className}
           space={space}
           noBorder={noBorder}
           disabled={disabled}
         >
-          <ChildrenWrapper size={size}>{children}</ChildrenWrapper>
+          <ChildrenWrapper size={size} ghost={ghost} noBorder={noBorder}>
+            {children}
+          </ChildrenWrapper>
         </Wrapper>
       )
     }

src/widgets/Buttons/styles/button.ts

@@ -95,11 +95,12 @@ export const Wrapper = styled.button<TButton>`
     opacity: 1;
   }
 `
-export const ChildrenWrapper = styled.div<{ size: TSIZE }>`
+type TChildrenWrapper = { size: TSIZE; ghost: boolean; noBorder: boolean }
+export const ChildrenWrapper = styled.div<TChildrenWrapper>`
   ${css.flex('align-both')};
   width: 100%;
   font-size: ${({ size }) => getFontSize(size)};
-  font-weight: 600;
+  font-weight: ${({ ghost, noBorder }) => (ghost && noBorder ? 400 : 600)};
   position: relative;
   z-index: 2;
 `

utils/themes/skins/github.ts

@@ -12,7 +12,7 @@ const fontColor = primaryColor
 const sidebarBg = '#23292E'
 const markdownFont = '#9eb8bd'
 const border = '#EAE9E9'
-const link = '#6d9bd3'
+const link = '#005196' // '#6494cd'
 
 const actionText = '#647392'
 const descText = '#666'