yumoqing/dashboard_for_sage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 完善shell_theme.css深色/浅色主题CRUD组件覆盖(tabular/popup/form/accordion等)

Browse Source
This commit is contained in:
yumoqing 2026-05-26 23:44:14 +08:00
parent 548dc4d15b
commit 7987c24e26
1 changed files with 329 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

339
wwwroot/shell_theme.css
View File

@ -323,36 +323,355 @@ body {
/* ===== DataViewer Overrides for theme ===== */
[data-theme="dark"] .dataviewer-toolbar,
[data-theme="dark"] .tabular,
[data-theme="dark"] .data-row {
background-color: var(--sage-bg-card);
[data-theme="dark"] .data-row,
[data-theme="dark"] body {
background-color: var(--sage-bg-primary);
color: var(--sage-text-primary);
}
[data-theme="dark"] .tabular th {
[data-theme="dark"] .tabular-header-row {
background-color: var(--sage-bg-secondary);
color: var(--sage-text-secondary);
border-color: var(--sage-border-primary);
}
[data-theme="dark"] .tabular td {
border-color: var(--sage-border-weak);
[data-theme="dark"] .tabular-row {
color: var(--sage-text-primary);
}
[data-theme="light"] .dataviewer-toolbar,
[data-theme="light"] .tabular,
[data-theme="light"] .data-row {
[data-theme="dark"] .tabular-row:nth-child(odd) {
background-color: var(--sage-bg-card);
}
[data-theme="dark"] .tabular-row:nth-child(even) {
background-color: var(--sage-bg-secondary);
}
[data-theme="dark"] .tabular-row-selected {
color: var(--sage-brand);
}
[data-theme="dark"] .tabular-cell {
border-color: var(--sage-border-weak);
color: var(--sage-text-primary);
}
[data-theme="dark"] .popup,
[data-theme="dark"] .modal,
[data-theme="dark"] .message {
background-color: var(--sage-bg-card);
color: var(--sage-text-primary);
border-color: var(--sage-border-primary);
}
[data-theme="dark"] .titlebar {
background-color: var(--sage-bg-secondary);
}
[data-theme="dark"] .inputbox {
background-color: var(--sage-bg-input);
color: var(--sage-text-primary);
border-color: var(--sage-border-primary);
}
[data-theme="dark"] .htoolbar,
[data-theme="dark"] .vtoolbar {
background-color: var(--sage-bg-toolbar);
border-color: var(--sage-border-primary);
}
[data-theme="dark"] .accordion-item {
border-color: var(--sage-border-primary);
}
[data-theme="dark"] .accordion-item:nth-child(odd) {
background-color: var(--sage-bg-card);
}
[data-theme="dark"] .accordion-item:nth-child(even) {
background-color: var(--sage-bg-secondary);
}
[data-theme="dark"] .accordion-item-header {
background-color: var(--sage-bg-secondary);
}
[data-theme="dark"] .accordion-item-info {
background-color: var(--sage-bg-card);
}
[data-theme="dark"] .accordion-item-selected {
background-color: var(--sage-bg-hover);
}
[data-theme="dark"] .accordion-item-info-selected {
background-color: var(--sage-bg-hover);
}
[data-theme="dark"] .card {
background-color: var(--sage-bg-card);
border-color: var(--sage-border-primary);
}
[data-theme="dark"] .subcard {
background-color: var(--sage-bg-secondary);
}
[data-theme="dark"] .curpos {
background-color: var(--sage-bg-hover);
}
[data-theme="dark"] .selected {
background-color: var(--sage-bg-hover);
}
[data-theme="dark"] .tabpanel {
background-color: var(--sage-bg-card);
border-color: var(--sage-border-primary);
}
[data-theme="dark"] .tabpanel-content {
background-color: var(--sage-bg-secondary);
border-color: var(--sage-border-primary);
}
[data-theme="dark"] .toolbar-button {
border-color: var(--sage-border-primary);
}
[data-theme="dark"] .toolbar-button-active {
background-color: var(--sage-bg-hover);
}
[data-theme="dark"] .auto-textarea {
background-color: var(--sage-bg-input);
color: var(--sage-text-primary);
border-color: var(--sage-border-primary);
}
[data-theme="dark"] .droparea {
border-color: var(--sage-border-primary);
color: var(--sage-text-secondary);
}
[data-theme="dark"] .droparea:hover {
border-color: var(--sage-brand);
color: var(--sage-brand);
background: var(--sage-bg-hover);
}
[data-theme="dark"] .thinking-content {
background-color: var(--sage-bg-secondary);
}
[data-theme="dark"] .resp-error {
background-color: rgba(239, 68, 68, 0.15);
color: var(--sage-danger);
}
[data-theme="dark"] .resp-content {
background-color: var(--sage-bg-card);
color: var(--sage-text-primary);
}
[data-theme="light"] .tabular th {
[data-theme="dark"] .llm_title {
background-color: var(--sage-bg-hover);
}
[data-theme="dark"] .progress-container {
background-color: var(--sage-bg-secondary);
}
[data-theme="dark"] pre {
background-color: var(--sage-bg-secondary);
color: var(--sage-text-primary);
}
[data-theme="dark"] .llm_msg {
background-color: var(--sage-bg-card);
color: var(--sage-text-primary);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
[data-theme="dark"] .user_msg {
background-color: var(--sage-bg-hover);
color: var(--sage-text-primary);
}
[data-theme="light"] .dataviewer-toolbar,
[data-theme="light"] .tabular,
[data-theme="light"] .data-row,
[data-theme="light"] body {
background-color: var(--sage-bg-card);
color: var(--sage-text-primary);
}
[data-theme="light"] .tabular-header-row {
background-color: var(--sage-bg-hover);
color: var(--sage-text-secondary);
border-color: var(--sage-border-primary);
}
[data-theme="light"] .tabular td {
[data-theme="light"] .tabular-row {
color: var(--sage-text-primary);
}
[data-theme="light"] .tabular-row:nth-child(odd) {
background-color: #f9fafb;
}
[data-theme="light"] .tabular-row:nth-child(even) {
background-color: var(--sage-bg-card);
}
[data-theme="light"] .tabular-row-selected {
color: var(--sage-brand-hover);
}
[data-theme="light"] .tabular-cell {
border-color: var(--sage-border-weak);
color: var(--sage-text-primary);
}
[data-theme="light"] .popup,
[data-theme="light"] .modal,
[data-theme="light"] .message {
background-color: var(--sage-bg-card);
color: var(--sage-text-primary);
border-color: var(--sage-border-primary);
}
[data-theme="light"] .titlebar {
background-color: var(--sage-bg-secondary);
}
[data-theme="light"] .inputbox {
background-color: var(--sage-bg-input);
color: var(--sage-text-primary);
border-color: var(--sage-border-primary);
}
[data-theme="light"] .htoolbar,
[data-theme="light"] .vtoolbar {
background-color: var(--sage-bg-toolbar);
border-color: var(--sage-border-primary);
}
[data-theme="light"] .accordion-item {
border-color: var(--sage-border-primary);
}
[data-theme="light"] .accordion-item:nth-child(odd) {
background-color: var(--sage-bg-card);
}
[data-theme="light"] .accordion-item:nth-child(even) {
background-color: #f9fafb;
}
[data-theme="light"] .accordion-item-header {
background-color: var(--sage-bg-hover);
}
[data-theme="light"] .accordion-item-info {
background-color: var(--sage-bg-card);
}
[data-theme="light"] .accordion-item-selected {
background-color: var(--sage-bg-hover);
}
[data-theme="light"] .accordion-item-info-selected {
background-color: var(--sage-bg-hover);
}
[data-theme="light"] .card {
background-color: var(--sage-bg-card);
border-color: var(--sage-border-primary);
}
[data-theme="light"] .subcard {
background-color: #f9fafb;
}
[data-theme="light"] .curpos {
background-color: var(--sage-bg-hover);
}
[data-theme="light"] .selected {
background-color: var(--sage-bg-hover);
}
[data-theme="light"] .tabpanel {
background-color: var(--sage-bg-card);
border-color: var(--sage-border-primary);
}
[data-theme="light"] .tabpanel-content {
background-color: var(--sage-bg-secondary);
border-color: var(--sage-border-primary);
}
[data-theme="light"] .toolbar-button {
border-color: var(--sage-border-primary);
}
[data-theme="light"] .toolbar-button-active {
background-color: var(--sage-bg-hover);
}
[data-theme="light"] .auto-textarea {
background-color: var(--sage-bg-input);
color: var(--sage-text-primary);
border-color: var(--sage-border-primary);
}
[data-theme="light"] .droparea {
border-color: var(--sage-border-primary);
color: var(--sage-text-secondary);
}
[data-theme="light"] .droparea:hover {
border-color: var(--sage-brand);
color: var(--sage-brand);
background: var(--sage-bg-hover);
}
[data-theme="light"] .thinking-content {
background-color: var(--sage-bg-secondary);
}
[data-theme="light"] .resp-error {
background-color: rgba(239, 68, 68, 0.1);
color: var(--sage-danger);
}
[data-theme="light"] .resp-content {
background-color: var(--sage-bg-card);
color: var(--sage-text-primary);
}
[data-theme="light"] .llm_title {
background-color: var(--sage-bg-hover);
}
[data-theme="light"] .progress-container {
background-color: var(--sage-bg-hover);
}
[data-theme="light"] pre {
background-color: var(--sage-bg-secondary);
color: var(--sage-text-primary);
}
[data-theme="light"] .llm_msg {
background-color: var(--sage-bg-card);
color: var(--sage-text-primary);
}
[data-theme="light"] .user_msg {
background-color: var(--sage-bg-hover);
color: var(--sage-text-primary);
}
/* ===== Menu Overrides ===== */