Feature(custom): support theme system and add a new theme hub for piclist

This commit is contained in:
Kuingsmile
2026-01-14 23:00:07 +08:00
parent d98f955a76
commit 50a59a124a
55 changed files with 1440 additions and 1621 deletions

View File

@@ -134,12 +134,13 @@
width: 100%;
font-size: 0.875rem;
color: var(--color-text-primary);
background: var(--color-surface-elevated);
background: var(--color-background-secondary);
transition: var(--transition-fast);
}
.form-input:focus {
border-color: var(--color-accent);
background: var(--color-background-tertiary);
outline: none;
box-shadow: 0 0 0 2px rgb(0 122 255 / 20%);
}
@@ -233,7 +234,7 @@
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
padding: 0.625rem;
background: var(--color-surface-elevated);
background: var(--color-background-secondary);
transition: var(--transition-fast);
gap: 0.75rem;
cursor: pointer;
@@ -399,29 +400,6 @@
gap: 1rem;
}
/* Dark mode adjustments */
:root.dark .manage-setting-container,
:root.auto.dark .manage-setting-container {
background: var(--color-background-secondary);
}
:root.dark .form-input,
:root.auto.dark .form-input {
border-color: var(--color-border);
background: var(--color-surface-elevated);
}
:root.dark .radio-custom,
:root.auto.dark .radio-custom {
border-color: var(--color-border);
background: var(--color-surface-elevated);
}
:root.dark .pattern-table th,
:root.auto.dark .pattern-table th {
background: var(--color-surface-elevated);
}
.setting-section {
display: flex;
gap: 0.5rem;