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

✨ Feature(custom): optimize color under dark mode of gallery and setting page

Browse Source
This commit is contained in:
Kuingsmile
2025-08-12 23:12:16 +08:00
parent 5cfeaadcfe
commit b31428a67c
8 changed files with 4055 additions and 4055 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/renderer/manage/pages/css/LoginPage.css
View File

@@ -159,7 +159,7 @@
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border: 1px solid var(--color-border-secondary); border: 1px solid var(--color-border-secondary);
border-radius: var(--radius-md); border-radius: var(--radius-md);
background: var(--color-background-secondary); background: var( --color-surface-elevated);
color: var(--color-text-secondary); color: var(--color-text-secondary);
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 500; font-weight: 500;
@@ -233,7 +233,7 @@
} }
.config-item { .config-item {
background: var(--color-background-secondary); background: var( --color-surface-elevated);
border: 1px solid var(--color-border-secondary); border: 1px solid var(--color-border-secondary);
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
padding: 1.25rem; padding: 1.25rem;

4
src/renderer/pages/css/Gallery.css
View File

@@ -619,7 +619,7 @@ input:checked + .switch-slider:before {
position: relative; position: relative;
aspect-ratio: 16/9; aspect-ratio: 16/9;
overflow: hidden; overflow: hidden;
background: var(--color-surface-elevated); background: var(--color-background-secondary);
} }
.gallery-image { .gallery-image {
@@ -1284,7 +1284,7 @@ input:checked + .switch-slider:before {
justify-content: center; justify-content: center;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
background: var(--color-surface-elevated); background: var(--color-background-secondary);
} }
.virtual-gallery-scroller .image-info { .virtual-gallery-scroller .image-info {

2
src/renderer/pages/css/PicgoSetting.css
View File

@@ -622,7 +622,7 @@ small {
:root.auto.dark .settings-header, :root.auto.dark .settings-header,
:root.auto.dark .tab-navigation, :root.auto.dark .tab-navigation,
:root.auto.dark .settings-section { :root.auto.dark .settings-section {
background: var(--color-background-tertiary); background: var(--color-background-secondary);
border-color: var(--color-border); border-color: var(--color-border);
} }

2
src/renderer/pages/css/PluginPage.css
View File

@@ -700,7 +700,7 @@ html, body {
:root.dark .plugin-card, :root.dark .plugin-card,
:root.auto.dark .plugin-card { :root.auto.dark .plugin-card {
background: var(--color-surface); background: var(--color-surface-elevated);
border-color: var(--color-border-secondary); border-color: var(--color-border-secondary);
} }

2
src/renderer/pages/css/UploadPage.css
View File

@@ -18,7 +18,7 @@ html, body {
/* Card Base */ /* Card Base */
.upload-card { .upload-card {
background: var(--color-surface); background: var(--color-background-secondary);
border: 1px solid var(--color-border-secondary); border: 1px solid var(--color-border-secondary);
border-radius: var(--radius-xl); border-radius: var(--radius-xl);
overflow: hidden; overflow: hidden;

2
src/renderer/pages/css/UploaderConfigPage.css
View File

@@ -42,7 +42,7 @@
/* Main Card */ /* Main Card */
.main-card { .main-card {
background: var( --color-background-tertiary); background: var( --color-background-secondary);
padding: 1.5rem; padding: 1.5rem;
} }

12
src/renderer/pages/picbeds/index.vue
View File

@@ -328,12 +328,12 @@ export default {
} }
.page-content { .page-content {
background: rgba(255, 255, 255, 0.95); background: var(--color-background-secondary);
border-radius: 16px; border-radius: 16px;
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
box-shadow: box-shadow:
0 8px 16px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12),
0 2px 12px rgba(0, 0, 0, 0.08); 0 4px 8px rgba(0, 0, 0, 0.08);
overflow: auto; overflow: auto;
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);
} }
@@ -345,7 +345,7 @@ export default {
justify-content: space-between; justify-content: space-between;
padding: 2rem 2rem 1.5rem; padding: 2rem 2rem 1.5rem;
border-bottom: 1px solid rgba(229, 231, 235, 0.8); border-bottom: 1px solid rgba(229, 231, 235, 0.8);
background: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(248, 250, 252, 0.8) 100%); background: var(--color-background-secondary);
} }
.header-title-section { .header-title-section {
@@ -640,13 +640,13 @@ export default {
:root.dark .page-content, :root.dark .page-content,
:root.auto.dark .page-content { :root.auto.dark .page-content {
background: var(--color-surface-elevated); background: var(--color-background-secondary);
border-color: rgba(75, 85, 99, 0.3); border-color: rgba(75, 85, 99, 0.3);
} }
:root.dark .page-header, :root.dark .page-header,
:root.auto.dark .page-header { :root.auto.dark .page-header {
background: var(--color-surface-elevated); background: var(--color-background-secondary);
border-color: rgba(75, 85, 99, 0.3); border-color: rgba(75, 85, 99, 0.3);
} }

BIN
src/renderer/public/errorLoading.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 79 KiB