主题与快捷键：透明主题真透明 + 完整 Typora 快捷键

2026-08-30 23:08:01 +08:00
parent ab46ec3cce
commit 3cc36c6450
18 changed files with 587 additions and 52 deletions
@@ -0,0 +1,37 @@
+import { test, expect } from '@playwright/test';
+import { _electron as electron } from 'playwright';
+import { promises as fs } from 'node:fs';
+import nodePath from 'node:path';
+import os from 'node:os';
+
+const MAIN_JS = nodePath.join(process.cwd(), 'dist-electron/main/index.js');
+
+// 透明主题真透明：bgPrimary=transparent 时根背景必须是 alpha=0（配合主进程 transparent:true + backgroundColor:#00000000 + backgroundMaterial:'none' 即可透出下层软件）
+test('透明主题：根背景 alpha=0（真透明，可见下层软件）', async () => {
+  const tmp = await fs.mkdtemp(nodePath.join(os.tmpdir(), 'hn-tr-'));
+  const ud = nodePath.join(tmp, 'ud'); const v = nodePath.join(tmp, 'v');
+  await fs.mkdir(ud, { recursive: true }); await fs.mkdir(v, { recursive: true });
+  const app = await electron.launch({ args: ['--user-data-dir=' + ud, MAIN_JS] });
+  const page = await app.firstWindow();
+  await page.waitForLoadState('domcontentloaded');
+  await page.evaluate(({ root }) => (globalThis as any).dsh.invoke('vault:switch', { root }), { root: v });
+  // 应用透明主题的 CSS 变量（bgPrimary='transparent'），并移除背景图遮罩
+  await page.evaluate(() => {
+    const el = document.documentElement;
+    el.style.setProperty('--bg-primary', 'transparent');
+    el.style.setProperty('--bg-secondary', 'rgba(20,20,28,0.5)');
+    el.style.setProperty('--text-primary', '#ddd');
+    document.querySelectorAll('div[style*="background-image"]').forEach((n: any) => n.remove());
+  });
+  await page.waitForTimeout(400);
+  const rootBg = await page.evaluate(() => {
+    const root = document.querySelector('#root > div') as HTMLElement;
+    if (!root) return null;
+    return getComputedStyle(root).backgroundColor;
+  });
+  console.log('ROOT_BG', rootBg);
+  expect(rootBg).not.toBeNull();
+  // 透明背景应为 alpha=0（rgba(0,0,0,0) 或 transparent）
+  expect(rootBg).toMatch(/rgba\(0, 0, 0, 0\)|transparent/i);
+  await app.close();
+});