diff --git a/resources/theme/360.css b/resources/theme/360.css deleted file mode 100644 index 9c10100b..00000000 --- a/resources/theme/360.css +++ /dev/null @@ -1,49 +0,0 @@ -/* 360 */ - -.dark, [data-theme="dark"] { - --color-text-primary: #f5f5f7 !important; - --color-text-secondary: #a1a1a6 !important; - --color-text-tertiary: #86868b !important; - --color-background-primary: #1c1c1e !important; - --color-background-secondary: #2c2c2e !important; - --color-background-tertiary: #3a3a3c !important; - --color-surface: rgb(44 44 46 / 80%) !important; - --color-surface-elevated: rgb(58 58 60 / 95%) !important; - --color-border: rgb(255 255 255 / 10%) !important; - --color-border-secondary: rgb(255 255 255 / 5%) !important; - --color-primary: #19b400 !important; - --color-primary-hover: #23d100 !important; - --color-accent: #19b400 !important; - --color-accent-hover: #23d100 !important; - --accent-rgb: 25, 180, 0 !important; - --color-blue-common: #19b400 !important; - --color-light-blue: rgb(25 180 0 / 10%) !important; - --color-success: #34c759 !important; - --color-warning: #f1930f !important; - --color-danger: #ff3b30 !important; - --color-error: #cb2431 !important; -} - -.light, [data-theme="light"] { - --color-text-primary: #1d1d1f !important; - --color-text-secondary: #6e6e73 !important; - --color-text-tertiary: #86868b !important; - --color-background-primary: #ffffff !important; - --color-background-secondary: #f5f5f7 !important; - --color-background-tertiary: #fbfbfd !important; - --color-surface: rgb(255 255 255 / 80%) !important; - --color-surface-elevated: rgb(255 255 255 / 95%) !important; - --color-border: rgb(0 0 0 / 10%) !important; - --color-border-secondary: rgb(0 0 0 / 5%) !important; - --color-primary: #19b400 !important; - --color-primary-hover: #159400 !important; - --color-accent: #19b400 !important; - --color-accent-hover: #159400 !important; - --accent-rgb: 25, 180, 0 !important; - --color-blue-common: #19b400 !important; - --color-light-blue: rgb(25 180 0 / 10%) !important; - --color-success: #34c759 !important; - --color-warning: #f1930f !important; - --color-danger: #ff3b30 !important; - --color-error: #cb2431 !important; -} diff --git a/resources/theme/CoolApk.css b/resources/theme/CoolApk.css index 98dcf860..f0ffa4d6 100644 --- a/resources/theme/CoolApk.css +++ b/resources/theme/CoolApk.css @@ -1,4 +1,5 @@ /* CoolApk */ + .dark, [data-theme="dark"] { --color-text-primary: #f5f5f7 !important; --color-text-secondary: #a1a1a6 !important; diff --git a/resources/theme/gemini.css b/resources/theme/gemini.css index 4c91ffba..27add7d2 100644 --- a/resources/theme/gemini.css +++ b/resources/theme/gemini.css @@ -1,8 +1,9 @@ /* Gemini */ + .dark, [data-theme="dark"] { --color-text-primary: #e3e3e3 !important; --color-text-secondary: #c4c7c5 !important; - --color-text-tertiary: #a8c7fa !important; + --color-text-tertiary: #8ab4f8 !important; --color-background-primary: #131314 !important; --color-background-secondary: #1e1f20 !important; --color-background-tertiary: #2e2f31 !important; @@ -10,13 +11,13 @@ --color-surface-elevated: rgb(40 41 42 / 95%) !important; --color-border: #444746 !important; --color-border-secondary: rgb(68 71 70 / 50%) !important; - --color-primary: #a8c7fa !important; - --color-primary-hover: #d2e3fc !important; - --color-accent: #a8c7fa !important; + --color-primary: linear-gradient(90deg, #4285f4, #9b72cb, #d96570) !important; + --color-primary-hover: linear-gradient(90deg, #5b95f6, #aa85d5, #e0808a) !important; + --color-accent: linear-gradient(70deg, #7baaf7, #c2a1e8, #f1a5ad) !important; --color-accent-hover: #d2e3fc !important; --accent-rgb: 168, 199, 250 !important; - --color-blue-common: #a8c7fa !important; - --color-light-blue: rgb(168 199 250 / 10%) !important; + --color-blue-common: #8ab4f8 !important; + --color-light-blue: rgb(138 180 248 / 10%) !important; --color-success: #6dd58c !important; --color-warning: #fdc365 !important; --color-danger: #f28b82 !important; @@ -27,7 +28,7 @@ .light, [data-theme="light"] { --color-text-primary: #1f1f1f !important; --color-text-secondary: #444746 !important; - --color-text-tertiary: #0b57d0 !important; + --color-text-tertiary: #1a73e8 !important; --color-background-primary: #ffffff !important; --color-background-secondary: #f0f4f9 !important; --color-background-tertiary: #e9eef6 !important; @@ -35,13 +36,13 @@ --color-surface-elevated: rgb(240 244 249 / 100%) !important; --color-border: #e0e3e1 !important; --color-border-secondary: rgb(224 227 225 / 50%) !important; - --color-primary: #0b57d0 !important; - --color-primary-hover: #0842a0 !important; - --color-accent: #0b57d0 !important; + --color-primary: linear-gradient(90deg, #1a73e8, #8e24aa, #d93025) !important; + --color-primary-hover: linear-gradient(90deg, #185abc, #7b1fa2, #b21417) !important; + --color-accent: linear-gradient(90deg, #1a73e8, #9b72cb) !important; --color-accent-hover: #0842a0 !important; --accent-rgb: 11, 87, 208 !important; - --color-blue-common: #0b57d0 !important; - --color-light-blue: rgb(11 87 208 / 10%) !important; + --color-blue-common: #1a73e8 !important; + --color-light-blue: rgb(26 115 232 / 10%) !important; --color-success: #1e8e3e !important; --color-warning: #e37400 !important; --color-danger: #d93025 !important; diff --git a/resources/theme/purple.css b/resources/theme/purple.css new file mode 100644 index 00000000..c9803ca9 --- /dev/null +++ b/resources/theme/purple.css @@ -0,0 +1,45 @@ +/* 极夜紫 */ + +.dark, [data-theme="dark"] { + --color-text-primary: #e9e5f3 !important; + --color-text-secondary: #b9adc7 !important; + --color-text-tertiary: #d2a8ff !important; + --color-background-primary: #120d1a !important; + --color-background-secondary: #1a1523 !important; + --color-background-tertiary: #251f30 !important; + --color-surface: rgb(26 21 35 / 90%) !important; + --color-surface-elevated: rgb(37 31 48 / 95%) !important; + --color-border: #3d344d !important; + --color-border-secondary: rgb(61 52 77 / 50%) !important; + --color-primary: linear-gradient(135deg, #9d50bb, #eb39a9, #ff9a8b) !important; + --color-primary-hover: linear-gradient(135deg, #b16cd1, #ef5ebc, #ffb3a7) !important; + --color-accent: #d2a8ff !important; + --accent-rgb: 210, 168, 255 !important; + --color-blue-common: #a389f4 !important; + --color-light-blue: rgb(163 137 244 / 10%) !important; + --color-success: #67e4ac !important; + --color-warning: #ffb37e !important; + --color-danger: #ff8b94 !important; +} + +.light, [data-theme="light"] { + --color-text-primary: #2d263d !important; + --color-text-secondary: #60527a !important; + --color-text-tertiary: #8e44ad !important; + --color-background-primary: #ffffff !important; + --color-background-secondary: #f8f5ff !important; + --color-background-tertiary: #f0eaff !important; + --color-surface: rgb(255 255 255 / 90%) !important; + --color-surface-elevated: rgb(248 245 255 / 100%) !important; + --color-border: #e2daeb !important; + --color-border-secondary: rgb(226 218 235 / 50%) !important; + --color-primary: linear-gradient(90deg, #8e44ad, #d83a9d, #ff7e79) !important; + --color-primary-hover: linear-gradient(90deg, #732d91, #c22e8a, #f06a65) !important; + --color-accent: #8e44ad !important; + --accent-rgb: 142, 68, 173 !important; + --color-blue-common: #6c5ce7 !important; + --color-light-blue: rgb(108 92 231 / 10%) !important; + --color-success: #27ae60 !important; + --color-warning: #e67e22 !important; + --color-danger: #e74c3c !important; +} diff --git a/src/renderer/pages/css/Gallery.css b/src/renderer/pages/css/Gallery.css index 4dc8dfa9..b2d63a12 100644 --- a/src/renderer/pages/css/Gallery.css +++ b/src/renderer/pages/css/Gallery.css @@ -168,7 +168,7 @@ html, body { } input:checked + .switch-slider { - background-color: var(--color-accent-hover); + background-color: var(--color-accent); } input:checked + .switch-slider::before { diff --git a/src/renderer/pages/css/PicgoSetting.css b/src/renderer/pages/css/PicgoSetting.css index 0cc18840..51b9ed3c 100644 --- a/src/renderer/pages/css/PicgoSetting.css +++ b/src/renderer/pages/css/PicgoSetting.css @@ -1221,8 +1221,8 @@ small { border-radius: 12px; width: 44px; height: 44px; - color: var(--color-surface); flex-shrink: 0; + color: white; background: var(--color-accent); } @@ -1608,12 +1608,6 @@ small { /* ==================== System Settings Panel ==================== */ -.section-icon-wrapper.window, -.section-icon-wrapper.startup, -.section-icon-wrapper.language { - background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%); -} - /* System Option Grid */ .system-option-grid { display: grid;