fix: ui issues (#1023)

packages/component/src/styles/theme.ts

@@ -28,7 +28,7 @@ export const getLightTheme = (
 
       textColor: '#28293D',
       edgelessTextColor: '#3A4C5C',
-      iconColor: '#555770',
+      iconColor: '#77757D',
       handleColor: '#c7c3d9',
       linkColor: '#6880FF',
       linkColor2: '#6880FF',
@@ -37,14 +37,14 @@ export const getLightTheme = (
       inputColor: '#4C6275',
       tooltipColor: '#fff',
       codeColor: '#517ea6',
-      quoteColor: '#4C6275',
-      placeHolderColor: '#888A9E',
+      quoteColor: '#645F82',
+      placeHolderColor: '#C0BFC1',
       selectedColor: 'rgba(104, 128, 255, 0.1)',
       borderColor: '#E3E2E4',
-      disableColor: '#555770',
+      disableColor: '#A9A9AD',
       warningColor: '#906616',
       errorColor: '#EB4335',
-      lineNumberColor: '#555770',
+      lineNumberColor: '#77757D',
     },
     font: {
       title: '36px',

packages/component/src/ui/button/styles.ts

@@ -32,6 +32,7 @@ export const StyledIconButton = styled('button', {
     theme,
     width,
     height,
+    borderRadius,
     disabled,
     hoverBackground,
     hoverColor,
@@ -52,7 +53,7 @@ export const StyledIconButton = styled('button', {
         content: '""',
         width,
         height,
-        borderRadius: width / 5,
+        borderRadius,
         transition: 'background .15s',
         ...absoluteCenter({ horizontal: true, vertical: true }),
       },