feat: improve admin panel design (#14464)

2026-07-23 21:38:44 +08:00 · 2026-02-17 17:40:29 +08:00
parent 850e646ab9
commit 8f833388eb
86 changed files with 2633 additions and 1431 deletions
@@ -0,0 +1,27 @@
+import { readFileSync } from 'node:fs';
+
+import { describe, expect, test } from 'vitest';
+
+const css = readFileSync(new URL('./global.css', import.meta.url), 'utf8');
+
+describe('admin global token mapping', () => {
+  test('maps semantic colors to affine tokens', () => {
+    expect(css).toContain(
+      '--background: var(--affine-v2-layer-background-primary);'
+    );
+    expect(css).toContain('--foreground: var(--affine-v2-text-primary);');
+    expect(css).toContain('--primary: var(--affine-v2-button-primary);');
+    expect(css).toContain('--ring: var(--affine-v2-input-border-active);');
+    expect(css).toContain('--radius: var(--affine-popover-radius);');
+  });
+
+  test('does not keep hardcoded shadcn light/dark values', () => {
+    expect(css).not.toContain('--background: 0 0% 100%;');
+    expect(css).not.toContain('--foreground: 240 10% 3.9%;');
+    expect(css).not.toContain('--background: 240 10% 3.9%;');
+  });
+
+  test('supports data-theme based dark variant', () => {
+    expect(css).toContain("[data-theme='dark']");
+  });
+});