GithubBackup/PicList
1
0
Fork 0
mirror of https://github.com/Kuingsmile/PicList.git synced 2026-09-06 16:07:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/manage/components/CustomSwitch.vue
+3 -15
View File
@@ -62,7 +62,7 @@ const toggleTooltip = () => {
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
padding: 1rem;
background: var(--color-surface-elevated);
background: var(--color-background-secondary);
}
.switch-label-wrapper {
@@ -97,7 +97,7 @@ const toggleTooltip = () => {
.info-icon:hover {
color: var(--color-accent);
background: rgb(0 122 255 / 10%);
background: var(--color-background-secondary);
}
.info-svg {
@@ -145,7 +145,7 @@ const toggleTooltip = () => {
position: absolute;
inset: 0;
border-radius: 0.75rem;
background: var(--color-border);
background: var(--color-primary);
transition: var(--transition-fast);
cursor: pointer;
}
@@ -184,16 +184,4 @@ const toggleTooltip = () => {
.switch-input:checked ~ .switch-text {
color: var(--color-accent);
}
/* Dark mode adjustments */
:root.dark .switch-slider,
:root.auto.dark .switch-slider {
background: var(--color-border);
}
:root.dark .tooltip-content,
:root.auto.dark .tooltip-content {
border-color: var(--color-border);
background: var(--color-surface-elevated);
}
</style>