06a88a877f
- Task 10: Bulk migrate CSS variable references from --primary/--secondary/etc to --color-primary/--color-secondary/etc across all components - Task 11: Adapt CodeEditor to auto-detect theme from ThemeProvider context, remove hardcoded theme='dark' from plugin-config and bot config pages
160 lines
3.6 KiB
CSS
160 lines
3.6 KiB
CSS
/**
|
|
* Uppy Dashboard 自定义样式
|
|
* 适配项目设计系统
|
|
*/
|
|
|
|
/* 基础容器样式 */
|
|
.uppy-Dashboard-inner {
|
|
border: none !important;
|
|
background: transparent !important;
|
|
}
|
|
|
|
.uppy-Dashboard-innerWrap {
|
|
border-radius: 0.5rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* 拖放区域样式 */
|
|
.uppy-Dashboard-AddFiles {
|
|
border: 2px dashed hsl(var(--color-border)) !important;
|
|
border-radius: 0.5rem !important;
|
|
background: hsl(var(--color-muted) / 0.3) !important;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.uppy-Dashboard-AddFiles:hover {
|
|
border-color: hsl(var(--color-primary)) !important;
|
|
background: hsl(var(--color-muted) / 0.5) !important;
|
|
}
|
|
|
|
.uppy-Dashboard-AddFiles-title {
|
|
color: hsl(var(--color-foreground)) !important;
|
|
font-weight: 500 !important;
|
|
}
|
|
|
|
.uppy-Dashboard-AddFiles-info {
|
|
color: hsl(var(--color-muted-foreground)) !important;
|
|
}
|
|
|
|
/* 按钮样式 */
|
|
.uppy-Dashboard-browse {
|
|
color: hsl(var(--color-primary)) !important;
|
|
font-weight: 500 !important;
|
|
}
|
|
|
|
.uppy-Dashboard-browse:hover {
|
|
text-decoration: underline !important;
|
|
}
|
|
|
|
/* 文件列表样式 */
|
|
.uppy-Dashboard-files {
|
|
background: transparent !important;
|
|
}
|
|
|
|
.uppy-Dashboard-Item {
|
|
border-bottom-color: hsl(var(--color-border)) !important;
|
|
}
|
|
|
|
.uppy-Dashboard-Item-name {
|
|
color: hsl(var(--color-foreground)) !important;
|
|
}
|
|
|
|
.uppy-Dashboard-Item-status {
|
|
color: hsl(var(--color-muted-foreground)) !important;
|
|
}
|
|
|
|
/* 进度条样式 */
|
|
.uppy-StatusBar {
|
|
background: hsl(var(--color-muted)) !important;
|
|
border-top: 1px solid hsl(var(--color-border)) !important;
|
|
}
|
|
|
|
.uppy-StatusBar-progress {
|
|
background: hsl(var(--color-primary)) !important;
|
|
}
|
|
|
|
.uppy-StatusBar-content {
|
|
color: hsl(var(--color-foreground)) !important;
|
|
}
|
|
|
|
.uppy-StatusBar-actionBtn--upload {
|
|
background: hsl(var(--color-primary)) !important;
|
|
color: hsl(var(--color-primary-foreground)) !important;
|
|
border-radius: 0.375rem !important;
|
|
font-weight: 500 !important;
|
|
padding: 0.5rem 1rem !important;
|
|
}
|
|
|
|
.uppy-StatusBar-actionBtn--upload:hover {
|
|
background: hsl(var(--color-primary) / 0.9) !important;
|
|
}
|
|
|
|
/* Note 提示文字样式 */
|
|
.uppy-Dashboard-note {
|
|
color: hsl(var(--color-muted-foreground)) !important;
|
|
font-size: 0.75rem !important;
|
|
}
|
|
|
|
/* 暗色主题适配 */
|
|
[data-uppy-theme="dark"] .uppy-Dashboard-AddFiles,
|
|
.dark .uppy-Dashboard-AddFiles {
|
|
background: hsl(var(--color-muted) / 0.2) !important;
|
|
}
|
|
|
|
[data-uppy-theme="dark"] .uppy-Dashboard-AddFiles-title,
|
|
.dark .uppy-Dashboard-AddFiles-title {
|
|
color: hsl(var(--color-foreground)) !important;
|
|
}
|
|
|
|
[data-uppy-theme="dark"] .uppy-StatusBar,
|
|
.dark .uppy-StatusBar {
|
|
background: hsl(var(--color-muted) / 0.5) !important;
|
|
}
|
|
|
|
/* 移除 Uppy 自带的边框和阴影 */
|
|
.uppy-Dashboard {
|
|
font-family: inherit !important;
|
|
}
|
|
|
|
/* 文件预览图片样式 */
|
|
.uppy-Dashboard-Item-preview {
|
|
border-radius: 0.375rem !important;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* 删除按钮样式 */
|
|
.uppy-Dashboard-Item-action--remove {
|
|
color: hsl(var(--color-destructive)) !important;
|
|
}
|
|
|
|
.uppy-Dashboard-Item-action--remove:hover {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
/* 成功/错误状态 */
|
|
.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
|
|
color: hsl(var(--success, 142 76% 36%)) !important;
|
|
}
|
|
|
|
.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progress {
|
|
color: hsl(var(--color-destructive)) !important;
|
|
}
|
|
|
|
/* 滚动条样式 */
|
|
.uppy-Dashboard-files::-webkit-scrollbar {
|
|
width: 6px;
|
|
}
|
|
|
|
.uppy-Dashboard-files::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
.uppy-Dashboard-files::-webkit-scrollbar-thumb {
|
|
background: hsl(var(--color-muted-foreground) / 0.3);
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.uppy-Dashboard-files::-webkit-scrollbar-thumb:hover {
|
|
background: hsl(var(--color-muted-foreground) / 0.5);
|
|
}
|