refactor(editor): improve border color (#11077)

close: BS-2781

blocksuite/affine/data-view/src/core/common/css-variable.ts

@@ -1,3 +1,6 @@
+import { cssVarV2 } from '@toeverything/theme/v2';
+import { unsafeCSS } from 'lit';
+
 export const dataViewCssVariable = () => {
   return `
   --data-view-cell-text-size:14px;
@@ -41,7 +44,7 @@ export const dataViewCommonStyle = (selector: string) => `
     fill: var(--affine-icon-color);
   }
   .dv-border{
-    border: 1px solid var(--affine-border-color);
+    border: 1px solid ${unsafeCSS(cssVarV2.layer.insideBorder.border)};
   }
   .dv-round-4{
     border-radius: 4px;

blocksuite/affine/data-view/src/core/common/properties.ts

@@ -7,7 +7,8 @@ import { ShadowlessElement } from '@blocksuite/block-std';
 import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
 import { InvisibleIcon, ViewIcon } from '@blocksuite/icons/lit';
 import { computed } from '@preact/signals-core';
-import { css, html } from 'lit';
+import { cssVarV2 } from '@toeverything/theme/v2';
+import { css, html, unsafeCSS } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { repeat } from 'lit/directives/repeat.js';
@@ -33,7 +34,7 @@ export class DataViewPropertiesSettingView extends SignalWatcher(
       display: flex;
       align-items: center;
       justify-content: space-between;
-      border-bottom: 1px solid var(--affine-divider-color);
+      border-bottom: 1px solid ${unsafeCSS(cssVarV2.layer.insideBorder.border)};
     }
 
     .properties-group-title {

blocksuite/affine/data-view/src/core/view-manager/single-view.ts

@@ -323,10 +323,6 @@ export abstract class SingleViewBase<
   }
 
   cellValueGet(rowId: string, propertyId: string): unknown {
-    const type = this.propertyTypeGet(propertyId);
-    if (!type) {
-      return;
-    }
     return this.dataSource.cellValueGet(rowId, propertyId);
   }