mirror of
https://github.com/hellodigua/ChatLab.git
synced 2026-10-26 02:04:37 +08:00
94 lines
2.4 KiB
CSS
94 lines
2.4 KiB
CSS
@import 'tailwindcss';
|
|
@source "../..";
|
|
@source "../../../packages";
|
|
@import '@nuxt/ui';
|
|
@import './markdown.css';
|
|
|
|
/* 自定义主题颜色 - 使用 @theme static 定义色板 */
|
|
@theme static {
|
|
--color-pink-50: #fff1f2;
|
|
--color-pink-100: #fee5e8;
|
|
--color-pink-200: #fccfd5;
|
|
--color-pink-300: #faa7b4;
|
|
--color-pink-400: #f7758c;
|
|
--color-pink-500: #ee4567;
|
|
--color-pink-600: #de335e;
|
|
--color-pink-700: #b81844;
|
|
--color-pink-800: #a01d42;
|
|
--color-pink-900: #84173b;
|
|
--color-pink-950: #4a071c;
|
|
|
|
/* 页面背景 - 语义化主题 Token，未来可通过设置动态覆盖 */
|
|
--color-page-bg: #f9fafb;
|
|
--color-page-dark: #181818;
|
|
|
|
/* 卡片背景 - 语义化主题 Token，未来可通过设置动态覆盖 */
|
|
--color-card-bg: #ffffff;
|
|
--color-card-dark: rgba(255, 255, 255, 0.03);
|
|
|
|
/* 悬浮侧栏背景 */
|
|
--color-sidebar-dark: #202024;
|
|
|
|
/* 悬浮表面阴影 - 减少向下偏移，避免底边过重 */
|
|
--shadow-elevated: 0 10px 28px -12px rgb(15 23 42 / 0.22), 0 3px 10px -4px rgb(15 23 42 / 0.1);
|
|
|
|
/* 浮层阴影 - 用于弹窗、菜单和场景面板，不与内容卡混用 */
|
|
--shadow-overlay: 0 18px 48px -20px rgb(15 23 42 / 0.32), 0 8px 20px -12px rgb(15 23 42 / 0.16);
|
|
}
|
|
|
|
/* 全局滚动条样式 */
|
|
::-webkit-scrollbar {
|
|
width: 3px;
|
|
height: 3px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: transparent;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
:hover::-webkit-scrollbar-thumb {
|
|
background-color: var(--color-gray-300);
|
|
}
|
|
|
|
.dark :hover::-webkit-scrollbar-thumb {
|
|
background-color: var(--color-gray-700);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: var(--color-gray-400);
|
|
}
|
|
|
|
.dark ::-webkit-scrollbar-thumb:hover {
|
|
background-color: var(--color-gray-600);
|
|
}
|
|
|
|
/* 页面顶部偏移：CLI Web 用作视觉留白，Electron 同时用于避开标题栏
|
|
* macOS: 红绿灯在左侧由 Sidebar 处理，右侧内容区无遮挡，使用较小值
|
|
* Windows: 跟随 Window Controls Overlay 提供的系统高度
|
|
* Linux: 自定义窗口控制按钮固定占据 32px 高度 */
|
|
:root {
|
|
--titlebar-area-height: 1rem;
|
|
}
|
|
|
|
.platform-electron {
|
|
--titlebar-area-height: 1rem; /* 16px - macOS */
|
|
}
|
|
|
|
.platform-windows {
|
|
--titlebar-area-height: env(titlebar-area-height, 2rem);
|
|
}
|
|
|
|
.platform-linux {
|
|
--titlebar-area-height: 2rem;
|
|
}
|
|
|
|
/* 禁用窗口拖拽区域 - 用于弹窗等需要正常交互的元素 */
|
|
.app-region-no-drag {
|
|
-webkit-app-region: no-drag;
|
|
}
|