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

src/renderer/manage/pages/css/LoginPage.css

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

src/renderer/pages/css/Gallery.css

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

src/renderer/pages/css/PicgoSetting.css

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

src/renderer/pages/css/PluginPage.css

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

src/renderer/pages/css/UploadPage.css

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

src/renderer/pages/css/UploaderConfigPage.css

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

src/renderer/pages/picbeds/index.vue

@@ -328,12 +328,12 @@ export default {
 }
 
 .page-content {
-  background: rgba(255, 255, 255, 0.95);
+  background: var(--color-background-secondary);
   border-radius: 16px;
   backdrop-filter: blur(20px);
   box-shadow:
-    0 8px 16px rgba(0, 0, 0, 0.12),
-    0 2px 12px rgba(0, 0, 0, 0.08);
+    0 8px 8px rgba(0, 0, 0, 0.12),
+    0 4px 8px rgba(0, 0, 0, 0.08);
   overflow: auto;
   border: 1px solid rgba(255, 255, 255, 0.2);
 }
@@ -345,7 +345,7 @@ export default {
   justify-content: space-between;
   padding: 2rem 2rem 1.5rem;
   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 {
@@ -640,13 +640,13 @@ export default {
 
 :root.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);
 }
 
 :root.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);
 }