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

close: BS-2781
This commit is contained in:
zzj3720
2025-03-21 11:22:54 +00:00
parent 9986b8b6bc
commit 5dc6fabdaf
19 changed files with 73 additions and 48 deletions
@@ -16,7 +16,8 @@ import {
PlusIcon,
} from '@blocksuite/icons/lit';
import { computed, type ReadonlySignal } from '@preact/signals-core';
import { css, html, nothing, type TemplateResult } from 'lit';
import { cssVarV2 } from '@toeverything/theme/v2';
import { css, html, nothing, type TemplateResult, unsafeCSS } from 'lit';
import { property, state } from 'lit/decorators.js';
import { classMap } from 'lit/directives/class-map.js';
import { repeat } from 'lit/directives/repeat.js';
@@ -162,17 +163,17 @@ export class FilterGroupView extends SignalWatcher(ShadowlessElement) {
}
.filter-group-border {
border: 1px dashed var(--affine-border-color);
border: 1px dashed ${unsafeCSS(cssVarV2.layer.insideBorder.border)};
}
.filter-group-bg-1 {
background-color: var(--affine-background-secondary-color);
border: 1px solid var(--affine-border-color);
border: 1px solid ${unsafeCSS(cssVarV2.layer.insideBorder.border)};
}
.filter-group-bg-2 {
background-color: var(--affine-background-tertiary-color);
border: 1px solid var(--affine-border-color);
border: 1px solid ${unsafeCSS(cssVarV2.layer.insideBorder.border)};
}
.hover-style {