mirror of
https://github.com/basketikun/infinite-canvas.git
synced 2026-08-03 15:41:16 +08:00
refactor(theme): 重构主题配置和管理后台样式
- 将 Ant Design 主题配置提取到独立的 getAntThemeConfig 函数 - 移除 AGENTS.md 中关于状态管理和样式的冗余说明 - 删除 globals.css 中的 admin 相关样式和颜色变量 - 更新管理后台布局使用新的主题配置和样式常量 - 调整代码编辑器样式使用 Ant Design 的 CSS 变量 - 优化管理后台整体视觉风格为中性色调
This commit is contained in:
@@ -80,7 +80,6 @@
|
||||
--sidebar-accent-foreground: oklch(0.205 0 0);
|
||||
--sidebar-border: oklch(0.922 0 0);
|
||||
--sidebar-ring: oklch(0.708 0 0);
|
||||
--admin-card-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
|
||||
}
|
||||
|
||||
.dark {
|
||||
@@ -115,7 +114,6 @@
|
||||
--sidebar-accent-foreground: oklch(0.985 0 0);
|
||||
--sidebar-border: oklch(1 0 0 / 10%);
|
||||
--sidebar-ring: oklch(0.556 0 0);
|
||||
--admin-card-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
|
||||
@layer base {
|
||||
@@ -370,72 +368,6 @@
|
||||
top: 21px;
|
||||
}
|
||||
|
||||
.admin-layout .ant-layout-sider {
|
||||
border-right: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.admin-layout .ant-layout-header {
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.admin-layout .ant-layout-sider-children > .ant-flex:first-child {
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.admin-logo {
|
||||
background: currentColor;
|
||||
display: inline-block;
|
||||
height: 32px;
|
||||
mask: url(/logo.svg) center / contain no-repeat;
|
||||
width: 32px;
|
||||
-webkit-mask: url(/logo.svg) center / contain no-repeat;
|
||||
}
|
||||
|
||||
.admin-layout .ant-layout-sider-children > .ant-flex:last-child {
|
||||
border-top: 1px solid var(--border);
|
||||
background: var(--card);
|
||||
}
|
||||
|
||||
.admin-layout .ant-card,
|
||||
.admin-layout .ant-pro-card {
|
||||
box-shadow: var(--admin-card-shadow);
|
||||
}
|
||||
|
||||
.admin-layout .ant-table-cell .ant-btn-icon-only.ant-btn-sm {
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
}
|
||||
|
||||
.admin-json-editor .cm-editor {
|
||||
background: var(--card);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
|
||||
}
|
||||
|
||||
.admin-json-editor .cm-scroller {
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.admin-json-editor .cm-gutters {
|
||||
background: color-mix(in srgb, var(--card) 92%, var(--foreground));
|
||||
border-right: 1px solid var(--border);
|
||||
color: var(--muted-foreground);
|
||||
}
|
||||
|
||||
.admin-json-editor .cm-activeLine,
|
||||
.admin-json-editor .cm-activeLineGutter {
|
||||
background: color-mix(in srgb, var(--primary) 12%, transparent);
|
||||
}
|
||||
|
||||
.admin-json-editor .cm-cursor {
|
||||
border-left-color: var(--foreground);
|
||||
}
|
||||
|
||||
.admin-json-editor .cm-selectionBackground,
|
||||
.admin-json-editor .cm-focused .cm-selectionBackground {
|
||||
background: color-mix(in srgb, var(--primary) 28%, transparent);
|
||||
}
|
||||
|
||||
@keyframes canvas-batch-child-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
|
||||
Reference in New Issue
Block a user