fix: code style (#208)

* fix: code style

* fix: add copy icon

libs/components/common/src/lib/text/EditableText.tsx

@@ -799,11 +799,11 @@ const EditorLeaf = ({ attributes, children, leaf }: any) => {
             <span {...attributes}>
                 <code
                     style={{
-                        backgroundColor: 'rgba(135,131,120,0.15)',
+                        backgroundColor: '#F2F5F9',
-                        borderRadius: '3px',
+                        borderRadius: '5px',
-                        color: '#EB5757',
+                        color: '#3A4C5C',
-                        fontSize: '0.875em',
+                        padding: '3px 8px',
-                        padding: '0.25em 0.375em',
+                        margin: '0 2px',
                     }}
                 >
                     {customChildren}

libs/components/editor-blocks/src/blocks/bullet/BulletView.tsx

@@ -40,8 +40,9 @@ const todoIsEmpty = (contentValue: ContentColumnValue): boolean => {
         (todoValue.length === 1 && !todoValue[0]['text'])
     );
 };
-const BulletLeft = styled('div')(() => ({
+const BulletLeft = styled('div')(({ theme }) => ({
     height: '22px',
+    color: theme.affine.typography.body1.color,
 }));
 export const BulletView = ({ block, editor }: CreateView) => {
     // block.remove();

libs/components/editor-blocks/src/blocks/code/CodeView.tsx

@@ -52,6 +52,8 @@ import {
     BlockPendantProvider,
 } from '@toeverything/components/editor-core';
 import { copyToClipboard } from '@toeverything/utils';
+import { DuplicateIcon } from '@toeverything/components/icons';
+
 interface CreateCodeView extends CreateView {
     style9?: StyleWithAtRules;
     containerClassName?: string;
@@ -117,10 +119,21 @@ const CodeBlock = styled('div')(({ theme }) => ({
         justifyContent: 'space-between',
     },
     '.copy-block': {
-        padding: '6px 10px',
+        padding: '0px 10px',
         backgroundColor: '#fff',
+        height: '32px',
+        display: 'flex',
+        width: '90px',
+        justifyContent: 'center',
+        alignItems: 'center',
+        color: '#4C6275',
+        fontSize: '14px',
         borderRadius: theme.affine.shape.borderRadius,
         cursor: 'pointer',
+        svg: {
+            marginRight: '4px',
+            display: 'block',
+        },
     },
     '.cm-focused': {
         outline: 'none !important',
@@ -187,7 +200,7 @@ export const CodeView = ({ block, editor }: CreateCodeView) => {
                     </div>
                     <div>
                         <div className="copy-block" onClick={copyCode}>
-                            Copy
+                            <DuplicateIcon></DuplicateIcon>Copy
                         </div>
                     </div>
                 </div>

libs/components/editor-blocks/src/components/style-container/index.tsx

@@ -5,6 +5,7 @@ export const List = styled('div')(({ theme }) => ({
     '.checkBoxContainer': {
         marginRight: '4px',
         lineHeight: theme.affine.typography.body1.lineHeight,
+        color: theme.affine.typography.body1.color,
     },
     '.textContainer': {
         flex: 1,