fix(editor): adjust the style of the table block (#10348)

blocksuite/affine/block-table/src/table-block.css.ts

@@ -2,8 +2,7 @@ import { style } from '@vanilla-extract/css';
 
 export const tableContainer = style({
   display: 'block',
-  backgroundColor: 'var(--affine-background-primary-color)',
-  padding: '10px 0 18px',
+  padding: '10px 0 18px 10px',
   overflowX: 'auto',
   overflowY: 'visible',
   selectors: {

blocksuite/affine/block-table/src/table-block.ts

@@ -135,7 +135,7 @@ export class TableBlockComponent extends CaptionedBlockComponent<TableBlockModel
         contenteditable="false"
         class=${tableContainer}
         style=${styleMap({
-          marginLeft: `-${virtualPadding}px`,
+          marginLeft: `-${virtualPadding + 10}px`,
           marginRight: `-${virtualPadding}px`,
           position: 'relative',
         })}

blocksuite/affine/block-table/src/table-cell.css.ts

@@ -4,7 +4,8 @@ import { createVar, style } from '@vanilla-extract/css';
 export const cellContainerStyle = style({
   position: 'relative',
   alignItems: 'center',
-  border: '1px solid var(--affine-border-color)',
+  border: '1px solid',
+  borderColor: cssVarV2.table.border,
   borderCollapse: 'collapse',
   isolation: 'auto',
   textAlign: 'start',