refactor: 重新设计 Logo - 简洁现代的三爪设计

设计改进:
- 更简洁的三爪抽象设计(左/右/下三个方向)
- 去除复杂的网格装饰,更加简约现代
- 渐变色调整为更柔和的紫蓝色
- 侧边栏 Logo 从文字 CP 改为 SVG 图标
- 图标尺寸和样式优化,视觉效果更统一

技术细节:
- 全套 PNG 图标重新生成(16-1024px)
- 更新 icns (1.0M) 和 ico 文件
- 侧边栏 SVG 图标使用 currentColor 适配主题
This commit is contained in:
晴天
2026-02-28 15:25:29 +08:00
parent 333a3e54bb
commit 9b6d572ec8
27 changed files with 42 additions and 33 deletions

View File

@@ -58,7 +58,16 @@ export function renderSidebar(el) {
let html = `
<div class="sidebar-header">
<div class="sidebar-logo">CP</div>
<div class="sidebar-logo">
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<g fill="currentColor">
<circle cx="256" cy="280" r="55"/>
<ellipse cx="140" cy="200" rx="32" ry="70" transform="rotate(-30 140 200)"/>
<ellipse cx="372" cy="200" rx="32" ry="70" transform="rotate(30 372 200)"/>
<ellipse cx="256" cy="380" rx="32" ry="70"/>
</g>
</svg>
</div>
<span class="sidebar-title">ClawPanel</span>
</div>
<nav class="sidebar-nav">

View File

@@ -32,6 +32,13 @@
font-size: var(--font-size-sm);
color: var(--text-inverse);
flex-shrink: 0;
padding: 4px;
}
.sidebar-logo svg {
width: 100%;
height: 100%;
fill: white;
}
.sidebar-title {