mirror of
https://github.com/Kuingsmile/PicList.git
synced 2026-05-06 20:42:57 +08:00
✨ Feature(custom): support theme system and add a new theme hub for piclist
This commit is contained in:
Kuingsmile
49
resources/theme/360.css
Normal file
49
resources/theme/360.css
Normal file
@@ -0,0 +1,49 @@
|
||||
/* 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;
|
||||
}
|
||||
50
resources/theme/Catppuccin.css
Normal file
50
resources/theme/Catppuccin.css
Normal file
@@ -0,0 +1,50 @@
|
||||
/* Catppuccin */
|
||||
.dark, [data-theme="dark"] {
|
||||
--color-text-primary: #cdd6f4 !important;
|
||||
--color-text-secondary: #a6adc8 !important;
|
||||
--color-text-tertiary: #a6adc8 !important;
|
||||
--color-background-primary: #1e1e2e !important;
|
||||
--color-background-secondary: #181825 !important;
|
||||
--color-background-tertiary: #11111b !important;
|
||||
--color-surface: rgb(49 50 68 / 80%) !important;
|
||||
--color-surface-elevated: rgb(49 50 68 / 95%) !important;
|
||||
--color-border: #45475a !important;
|
||||
--color-border-secondary: rgb(69 71 90 / 50%) !important;
|
||||
--color-primary: #89b4fa !important;
|
||||
--color-primary-hover: #b4befe !important;
|
||||
--color-accent: #cba6f7 !important;
|
||||
--color-accent-hover: #f5c2e7 !important;
|
||||
--accent-rgb: 203, 166, 247 !important;
|
||||
--color-blue-common: #89b4fa !important;
|
||||
--color-light-blue: rgb(137 180 250 / 10%) !important;
|
||||
--color-success: #a6e3a1 !important;
|
||||
--color-warning: #f9e2af !important;
|
||||
--color-danger: #f38ba8 !important;
|
||||
--color-error: #f38ba8 !important;
|
||||
--color-error-surface: rgb(243 139 168 / 10%) !important;
|
||||
}
|
||||
|
||||
.light, [data-theme="light"] {
|
||||
--color-text-primary: #4c4f69 !important;
|
||||
--color-text-secondary: #5c5f77 !important;
|
||||
--color-text-tertiary: #6c6f85 !important;
|
||||
--color-background-primary: #eff1f5 !important;
|
||||
--color-background-secondary: #e6e9ef !important;
|
||||
--color-background-tertiary: #dce0e8 !important;
|
||||
--color-surface: rgb(255 255 255 / 80%) !important;
|
||||
--color-surface-elevated: rgb(255 255 255 / 95%) !important;
|
||||
--color-border: #bcc0cc !important;
|
||||
--color-border-secondary: rgb(188 192 204 / 50%) !important;
|
||||
--color-primary: #1e66f5 !important;
|
||||
--color-primary-hover: #7287fd !important;
|
||||
--color-accent: #8839ef !important;
|
||||
--color-accent-hover: #ea76cb !important;
|
||||
--accent-rgb: 136, 57, 239 !important;
|
||||
--color-blue-common: #1e66f5 !important;
|
||||
--color-light-blue: rgb(30 102 245 / 10%) !important;
|
||||
--color-success: #40a02b !important;
|
||||
--color-warning: #df8e1d !important;
|
||||
--color-danger: #d20f39 !important;
|
||||
--color-error: #d20f39 !important;
|
||||
--color-error-surface: rgb(210 15 57 / 10%) !important;
|
||||
}
|
||||
48
resources/theme/CoolApk.css
Normal file
48
resources/theme/CoolApk.css
Normal file
@@ -0,0 +1,48 @@
|
||||
/* CoolApk */
|
||||
.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: #0bb976 !important;
|
||||
--color-primary-hover: #20df94 !important;
|
||||
--color-accent: #0bb976 !important;
|
||||
--color-accent-hover: #20df94 !important;
|
||||
--accent-rgb: 11, 185, 118 !important;
|
||||
--color-blue-common: #0bb976 !important;
|
||||
--color-light-blue: rgb(11 185 118 / 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: #0bb976 !important;
|
||||
--color-primary-hover: #078c58 !important;
|
||||
--color-accent: #0bb976 !important;
|
||||
--color-accent-hover: #078c58 !important;
|
||||
--accent-rgb: 11, 185, 118 !important;
|
||||
--color-blue-common: #0bb976 !important;
|
||||
--color-light-blue: rgb(11 185 118 / 10%) !important;
|
||||
--color-success: #34c759 !important;
|
||||
--color-warning: #f1930f !important;
|
||||
--color-danger: #ff3b30 !important;
|
||||
--color-error: #cb2431 !important;
|
||||
}
|
||||
51
resources/theme/Cupertino.css
Normal file
51
resources/theme/Cupertino.css
Normal file
@@ -0,0 +1,51 @@
|
||||
/* Cupertino */
|
||||
|
||||
.dark, [data-theme="dark"] {
|
||||
--color-text-primary: #ffffff !important;
|
||||
--color-text-secondary: #ebebf5 !important;
|
||||
--color-text-tertiary: #ebebf5 !important;
|
||||
--color-background-primary: #1e1e1e !important;
|
||||
--color-background-secondary: #2c2c2e !important;
|
||||
--color-background-tertiary: #3a3a3c !important;
|
||||
--color-surface: rgb(44 44 46 / 90%) !important;
|
||||
--color-surface-elevated: rgb(58 58 60 / 95%) !important;
|
||||
--color-border: #38383a !important;
|
||||
--color-border-secondary: rgb(56 56 58 / 50%) !important;
|
||||
--color-primary: #0a84ff !important;
|
||||
--color-primary-hover: #409cff !important;
|
||||
--color-accent: #0a84ff !important;
|
||||
--color-accent-hover: #409cff !important;
|
||||
--accent-rgb: 10, 132, 255 !important;
|
||||
--color-blue-common: #0a84ff !important;
|
||||
--color-light-blue: rgb(10 132 255 / 10%) !important;
|
||||
--color-success: #32d74b !important;
|
||||
--color-warning: #ff9f0a !important;
|
||||
--color-danger: #ff453a !important;
|
||||
--color-error: #ff453a !important;
|
||||
--color-error-surface: rgb(255 69 58 / 10%) !important;
|
||||
}
|
||||
|
||||
.light, [data-theme="light"] {
|
||||
--color-text-primary: #000000 !important;
|
||||
--color-text-secondary: #3c3c43 !important;
|
||||
--color-text-tertiary: #3c3c43 !important;
|
||||
--color-background-primary: #ffffff !important;
|
||||
--color-background-secondary: #f2f2f7 !important;
|
||||
--color-background-tertiary: #ffffff !important;
|
||||
--color-surface: rgb(255 255 255 / 90%) !important;
|
||||
--color-surface-elevated: rgb(255 255 255 / 100%) !important;
|
||||
--color-border: #d1d1d6 !important;
|
||||
--color-border-secondary: rgb(209 209 214 / 50%) !important;
|
||||
--color-primary: #007aff !important;
|
||||
--color-primary-hover: #0051a8 !important;
|
||||
--color-accent: #007aff !important;
|
||||
--color-accent-hover: #0051a8 !important;
|
||||
--accent-rgb: 0, 122, 255 !important;
|
||||
--color-blue-common: #007aff !important;
|
||||
--color-light-blue: rgb(0 122 255 / 10%) !important;
|
||||
--color-success: #34c759 !important;
|
||||
--color-warning: #ff9500 !important;
|
||||
--color-danger: #ff3b30 !important;
|
||||
--color-error: #ff3b30 !important;
|
||||
--color-error-surface: rgb(255 59 48 / 10%) !important;
|
||||
}
|
||||
49
resources/theme/Huorong.css
Normal file
49
resources/theme/Huorong.css
Normal file
@@ -0,0 +1,49 @@
|
||||
/* 火绒 */
|
||||
|
||||
.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: #fa8b15 !important;
|
||||
--color-primary-hover: #ff9f38 !important;
|
||||
--color-accent: #fa8b15 !important;
|
||||
--color-accent-hover: #ff9f38 !important;
|
||||
--accent-rgb: 250, 139, 21 !important;
|
||||
--color-blue-common: #fa8b15 !important;
|
||||
--color-light-blue: rgb(250 139 21 / 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: #fa8b15 !important;
|
||||
--color-primary-hover: #d9770e !important;
|
||||
--color-accent: #fa8b15 !important;
|
||||
--color-accent-hover: #d9770e !important;
|
||||
--accent-rgb: 250, 139, 21 !important;
|
||||
--color-blue-common: #fa8b15 !important;
|
||||
--color-light-blue: rgb(250 139 21 / 10%) !important;
|
||||
--color-success: #34c759 !important;
|
||||
--color-warning: #f1930f !important;
|
||||
--color-danger: #ff3b30 !important;
|
||||
--color-error: #cb2431 !important;
|
||||
}
|
||||
51
resources/theme/adwaita.css
Normal file
51
resources/theme/adwaita.css
Normal file
@@ -0,0 +1,51 @@
|
||||
/* Adwaita */
|
||||
|
||||
.dark, [data-theme="dark"] {
|
||||
--color-text-primary: #eeeeec !important;
|
||||
--color-text-secondary: #9a9996 !important;
|
||||
--color-text-tertiary: #77767b !important;
|
||||
--color-background-primary: #242424 !important;
|
||||
--color-background-secondary: #303030 !important;
|
||||
--color-background-tertiary: #1e1e1e !important;
|
||||
--color-surface: rgb(48 48 48 / 90%) !important;
|
||||
--color-surface-elevated: rgb(56 56 56 / 95%) !important;
|
||||
--color-border: #1b1b1b !important;
|
||||
--color-border-secondary: rgb(27 27 27 / 50%) !important;
|
||||
--color-primary: #3584e4 !important;
|
||||
--color-primary-hover: #62a0ea !important;
|
||||
--color-accent: #3584e4 !important;
|
||||
--color-accent-hover: #62a0ea !important;
|
||||
--accent-rgb: 53, 132, 228 !important;
|
||||
--color-blue-common: #3584e4 !important;
|
||||
--color-light-blue: rgb(53 132 228 / 10%) !important;
|
||||
--color-success: #33d17a !important;
|
||||
--color-warning: #f29c37 !important;
|
||||
--color-danger: #e01b24 !important;
|
||||
--color-error: #c01c28 !important;
|
||||
--color-error-surface: rgb(192 28 40 / 10%) !important;
|
||||
}
|
||||
|
||||
.light, [data-theme="light"] {
|
||||
--color-text-primary: #2e3436 !important;
|
||||
--color-text-secondary: #5e5c64 !important;
|
||||
--color-text-tertiary: #9a9996 !important;
|
||||
--color-background-primary: #fafafa !important;
|
||||
--color-background-secondary: #f6f5f4 !important;
|
||||
--color-background-tertiary: #ffffff !important;
|
||||
--color-surface: rgb(255 255 255 / 90%) !important;
|
||||
--color-surface-elevated: rgb(255 255 255 / 100%) !important;
|
||||
--color-border: #cdc7c2 !important;
|
||||
--color-border-secondary: rgb(205 199 194 / 50%) !important;
|
||||
--color-primary: #3584e4 !important;
|
||||
--color-primary-hover: #1c71d8 !important;
|
||||
--color-accent: #3584e4 !important;
|
||||
--color-accent-hover: #1c71d8 !important;
|
||||
--accent-rgb: 53, 132, 228 !important;
|
||||
--color-blue-common: #3584e4 !important;
|
||||
--color-light-blue: rgb(53 132 228 / 10%) !important;
|
||||
--color-success: #26a269 !important;
|
||||
--color-warning: #e66100 !important;
|
||||
--color-danger: #c01c28 !important;
|
||||
--color-error: #a51d2d !important;
|
||||
--color-error-surface: rgb(165 29 45 / 10%) !important;
|
||||
}
|
||||
57
resources/theme/anime.css
Normal file
57
resources/theme/anime.css
Normal file
@@ -0,0 +1,57 @@
|
||||
/* 二次元 */
|
||||
|
||||
.dark, [data-theme="dark"] {
|
||||
--background-image: url("https://w.wallhaven.cc/full/gj/wallhaven-gje69q.png") !important;
|
||||
--background-image-opacity: 0.7 !important;
|
||||
--background-blur: blur(5px) !important;
|
||||
--color-text-primary: #f2cee2 !important;
|
||||
--color-text-secondary: #d4a5c0 !important;
|
||||
--color-text-tertiary: #b080a0 !important;
|
||||
--color-background-primary: transparent !important;
|
||||
--color-background-secondary: transparent !important;
|
||||
--color-background-tertiary: #402834 !important;
|
||||
--color-surface: #4f3d47cd !important;
|
||||
--color-surface-elevated: rgb(220 220 220 / 50%) !important;
|
||||
--color-border: #6d4c5e !important;
|
||||
--color-border-secondary: #efd0d671 !important;
|
||||
--color-primary: #ffb7c5 !important;
|
||||
--color-primary-hover: #ffcfd8 !important;
|
||||
--color-accent: #23ade0 !important;
|
||||
--color-accent-hover: #0c9bcb !important;
|
||||
--accent-rgb: 255, 183, 197 !important;
|
||||
--color-blue-common: #a0e6ff !important;
|
||||
--color-light-blue: rgb(160 230 255 / 10%) !important;
|
||||
--color-success: #98e8b1 !important;
|
||||
--color-warning: #ffe69c !important;
|
||||
--color-danger: #ff99aa !important;
|
||||
--color-error: #ff99aa !important;
|
||||
--color-error-surface: rgb(255 153 170 / 10%) !important;
|
||||
}
|
||||
|
||||
.light, [data-theme="light"] {
|
||||
--background-image: url("https://w.wallhaven.cc/full/2k/wallhaven-2ky11m.png") !important;
|
||||
--background-image-opacity: 0.7 !important;
|
||||
--background-blur: blur(5px) !important;
|
||||
--color-text-primary: #5c3a49 !important;
|
||||
--color-text-secondary: #8c6075 !important;
|
||||
--color-text-tertiary: #b080a0 !important;
|
||||
--color-background-primary: transparent !important;
|
||||
--color-background-secondary: transparent !important;
|
||||
--color-background-tertiary: #ffe0eb !important;
|
||||
--color-surface: rgb(255 255 255 / 60%) !important;
|
||||
--color-surface-elevated: rgb(255 255 255 / 90%) !important;
|
||||
--color-border: #f8c2d6 !important;
|
||||
--color-border-secondary: rgb(248 194 214 / 50%) !important;
|
||||
--color-primary: #ff85a2 !important;
|
||||
--color-primary-hover: #ff6085 !important;
|
||||
--color-accent: #60c3eb !important;
|
||||
--color-accent-hover: #3daade !important;
|
||||
--accent-rgb: 255, 133, 162 !important;
|
||||
--color-blue-common: #60c3eb !important;
|
||||
--color-light-blue: rgb(96 195 235 / 10%) !important;
|
||||
--color-success: #55c97b !important;
|
||||
--color-warning: #ffcf5c !important;
|
||||
--color-danger: #ff6b85 !important;
|
||||
--color-error: #ff6b85 !important;
|
||||
--color-error-surface: rgb(255 107 133 / 10%) !important;
|
||||
}
|
||||
51
resources/theme/bilibili.css
Normal file
51
resources/theme/bilibili.css
Normal file
@@ -0,0 +1,51 @@
|
||||
/* Bilibili */
|
||||
|
||||
.dark, [data-theme="dark"] {
|
||||
--color-text-primary: #ffffff !important;
|
||||
--color-text-secondary: #eeeeee !important;
|
||||
--color-text-tertiary: #999999 !important;
|
||||
--color-background-primary: #222222 !important;
|
||||
--color-background-secondary: #333333 !important;
|
||||
--color-background-tertiary: #1a1a1a !important;
|
||||
--color-surface: rgb(51 51 51 / 90%) !important;
|
||||
--color-surface-elevated: rgb(60 60 60 / 95%) !important;
|
||||
--color-border: #444444 !important;
|
||||
--color-border-secondary: rgb(68 68 68 / 50%) !important;
|
||||
--color-primary: #fb7299 !important;
|
||||
--color-primary-hover: #ff85a7 !important;
|
||||
--color-accent: #fb7299 !important;
|
||||
--color-accent-hover: #ff85a7 !important;
|
||||
--accent-rgb: 251, 114, 153 !important;
|
||||
--color-blue-common: #fb7299 !important;
|
||||
--color-light-blue: rgb(251 114 153 / 10%) !important;
|
||||
--color-success: #34c759 !important;
|
||||
--color-warning: #f1930f !important;
|
||||
--color-danger: #ff3b30 !important;
|
||||
--color-error: #cb2431 !important;
|
||||
--color-error-surface: rgb(255 59 48 / 10%) !important;
|
||||
}
|
||||
|
||||
.light, [data-theme="light"] {
|
||||
--color-text-primary: #18191c !important;
|
||||
--color-text-secondary: #61666d !important;
|
||||
--color-text-tertiary: #9499a0 !important;
|
||||
--color-background-primary: #ffffff !important;
|
||||
--color-background-secondary: #f6f7f8 !important;
|
||||
--color-background-tertiary: #f1f2f3 !important;
|
||||
--color-surface: rgb(255 255 255 / 90%) !important;
|
||||
--color-surface-elevated: rgb(255 255 255 / 100%) !important;
|
||||
--color-border: #e3e5e7 !important;
|
||||
--color-border-secondary: rgb(227 229 231 / 50%) !important;
|
||||
--color-primary: #fb7299 !important;
|
||||
--color-primary-hover: #c45674 !important;
|
||||
--color-accent: #fb7299 !important;
|
||||
--color-accent-hover: #c45674 !important;
|
||||
--accent-rgb: 251, 114, 153 !important;
|
||||
--color-blue-common: #fb7299 !important;
|
||||
--color-light-blue: rgb(251 114 153 / 5%) !important;
|
||||
--color-success: #34c759 !important;
|
||||
--color-warning: #f1930f !important;
|
||||
--color-danger: #ff3b30 !important;
|
||||
--color-error: #cb2431 !important;
|
||||
--color-error-surface: rgb(255 59 48 / 10%) !important;
|
||||
}
|
||||
51
resources/theme/default.css
Normal file
51
resources/theme/default.css
Normal file
@@ -0,0 +1,51 @@
|
||||
/* 默认 */
|
||||
|
||||
.dark, [data-theme="dark"] {
|
||||
--color-text-primary: #f5f5f7 !important;
|
||||
--color-text-secondary: #a1a1a6 !important;
|
||||
--color-text-tertiary: #86868b !important;
|
||||
--color-background-primary: #000000 !important;
|
||||
--color-background-secondary: #1c1c1e !important;
|
||||
--color-background-tertiary: #2c2c2e !important;
|
||||
--color-surface: rgb(28 28 30 / 80%) !important;
|
||||
--color-surface-elevated: rgb(44 44 46 / 95%) !important;
|
||||
--color-border: rgb(255 255 255 / 10%) !important;
|
||||
--color-border-secondary: rgb(255 255 255 / 5%) !important;
|
||||
--color-primary: #6366f1 !important;
|
||||
--color-primary-hover: #818cf8 !important;
|
||||
--color-accent: #0a84ff !important;
|
||||
--color-accent-hover: #409cff !important;
|
||||
--accent-rgb: #449af7 !important;
|
||||
--color-blue-common: #409eff !important;
|
||||
--color-light-blue: rgb(0 122 255 / 5%) !important;
|
||||
--color-success: #34c759 !important;
|
||||
--color-warning: #f1930f !important;
|
||||
--color-danger: #ff3b30 !important;
|
||||
--color-error: #cb2431 !important;
|
||||
--color-error-surface: rgb(255 59 48 / 10%) !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: #6366f1 !important;
|
||||
--color-primary-hover: #4f46e5 !important;
|
||||
--color-accent: #007aff !important;
|
||||
--color-accent-hover: #3b82f6 !important;
|
||||
--accent-rgb: #449af7 !important;
|
||||
--color-blue-common: #409eff !important;
|
||||
--color-light-blue: rgb(0 122 255 / 5%) !important;
|
||||
--color-success: #34c759 !important;
|
||||
--color-warning: #f1930f !important;
|
||||
--color-danger: #ff3b30 !important;
|
||||
--color-error: #cb2431 !important;
|
||||
--color-error-surface: rgb(255 59 48 / 10%) !important;
|
||||
}
|
||||
50
resources/theme/gemini.css
Normal file
50
resources/theme/gemini.css
Normal file
@@ -0,0 +1,50 @@
|
||||
/* Gemini */
|
||||
.dark, [data-theme="dark"] {
|
||||
--color-text-primary: #e3e3e3 !important;
|
||||
--color-text-secondary: #c4c7c5 !important;
|
||||
--color-text-tertiary: #a8c7fa !important;
|
||||
--color-background-primary: #131314 !important;
|
||||
--color-background-secondary: #1e1f20 !important;
|
||||
--color-background-tertiary: #2e2f31 !important;
|
||||
--color-surface: rgb(30 31 32 / 90%) !important;
|
||||
--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-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-success: #6dd58c !important;
|
||||
--color-warning: #fdc365 !important;
|
||||
--color-danger: #f28b82 !important;
|
||||
--color-error: #f28b82 !important;
|
||||
--color-error-surface: rgb(242 139 130 / 10%) !important;
|
||||
}
|
||||
|
||||
.light, [data-theme="light"] {
|
||||
--color-text-primary: #1f1f1f !important;
|
||||
--color-text-secondary: #444746 !important;
|
||||
--color-text-tertiary: #0b57d0 !important;
|
||||
--color-background-primary: #ffffff !important;
|
||||
--color-background-secondary: #f0f4f9 !important;
|
||||
--color-background-tertiary: #e9eef6 !important;
|
||||
--color-surface: rgb(255 255 255 / 90%) !important;
|
||||
--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-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-success: #1e8e3e !important;
|
||||
--color-warning: #e37400 !important;
|
||||
--color-danger: #d93025 !important;
|
||||
--color-error: #d93025 !important;
|
||||
--color-error-surface: rgb(217 48 37 / 10%) !important;
|
||||
}
|
||||
51
resources/theme/wechat.css
Normal file
51
resources/theme/wechat.css
Normal file
@@ -0,0 +1,51 @@
|
||||
/* 微信 */
|
||||
|
||||
.dark, [data-theme="dark"] {
|
||||
--color-text-primary: #ffffff !important;
|
||||
--color-text-secondary: #7d7d7d !important;
|
||||
--color-text-tertiary: #4c4c4c !important;
|
||||
--color-background-primary: #191919 !important;
|
||||
--color-background-secondary: #242424 !important;
|
||||
--color-background-tertiary: #111111 !important;
|
||||
--color-surface: rgb(36 36 36 / 90%) !important;
|
||||
--color-surface-elevated: rgb(42 42 42 / 95%) !important;
|
||||
--color-border: #333333 !important;
|
||||
--color-border-secondary: rgb(51 51 51 / 50%) !important;
|
||||
--color-primary: #07c160 !important;
|
||||
--color-primary-hover: #06ad56 !important;
|
||||
--color-accent: #07c160 !important;
|
||||
--color-accent-hover: #06ad56 !important;
|
||||
--accent-rgb: 7, 193, 96 !important;
|
||||
--color-blue-common: #07c160 !important;
|
||||
--color-light-blue: rgb(7 193 96 / 10%) !important;
|
||||
--color-success: #07c160 !important;
|
||||
--color-warning: #ffbe00 !important;
|
||||
--color-danger: #fa5151 !important;
|
||||
--color-error: #fa5151 !important;
|
||||
--color-error-surface: rgb(250 81 81 / 10%) !important;
|
||||
}
|
||||
|
||||
.light, [data-theme="light"] {
|
||||
--color-text-primary: #000000 !important;
|
||||
--color-text-secondary: #b2b2b2 !important;
|
||||
--color-text-tertiary: #999999 !important;
|
||||
--color-background-primary: #f5f5f5 !important;
|
||||
--color-background-secondary: #eaeaea !important;
|
||||
--color-background-tertiary: #ffffff !important;
|
||||
--color-surface: rgb(255 255 255 / 90%) !important;
|
||||
--color-surface-elevated: rgb(255 255 255 / 100%) !important;
|
||||
--color-border: #d6d6d6 !important;
|
||||
--color-border-secondary: rgb(214 214 214 / 50%) !important;
|
||||
--color-primary: #07c160 !important;
|
||||
--color-primary-hover: #06ad56 !important;
|
||||
--color-accent: #07c160 !important;
|
||||
--color-accent-hover: #06ad56 !important;
|
||||
--accent-rgb: 7, 193, 96 !important;
|
||||
--color-blue-common: #07c160 !important;
|
||||
--color-light-blue: rgb(7 193 96 / 10%) !important;
|
||||
--color-success: #07c160 !important;
|
||||
--color-warning: #ffbe00 !important;
|
||||
--color-danger: #fa5151 !important;
|
||||
--color-error: #fa5151 !important;
|
||||
--color-error-surface: rgb(250 81 81 / 10%) !important;
|
||||
}
|
||||
51
resources/theme/win11.css
Normal file
51
resources/theme/win11.css
Normal file
@@ -0,0 +1,51 @@
|
||||
/* Windows 11 */
|
||||
|
||||
.dark, [data-theme="dark"] {
|
||||
--color-text-primary: #ffffff !important;
|
||||
--color-text-secondary: #cccccc !important;
|
||||
--color-text-tertiary: #999999 !important;
|
||||
--color-background-primary: #202020 !important;
|
||||
--color-background-secondary: #2b2b2b !important;
|
||||
--color-background-tertiary: #1f1f1f !important;
|
||||
--color-surface: rgb(44 44 44 / 90%) !important;
|
||||
--color-surface-elevated: rgb(50 50 50 / 95%) !important;
|
||||
--color-border: #333333 !important;
|
||||
--color-border-secondary: rgb(51 51 51 / 50%) !important;
|
||||
--color-primary: #60cdff !important;
|
||||
--color-primary-hover: #98e7ff !important;
|
||||
--color-accent: #60cdff !important;
|
||||
--color-accent-hover: #98e7ff !important;
|
||||
--accent-rgb: 96, 205, 255 !important;
|
||||
--color-blue-common: #60cdff !important;
|
||||
--color-light-blue: rgb(96 205 255 / 10%) !important;
|
||||
--color-success: #6cc4a1 !important;
|
||||
--color-warning: #fce100 !important;
|
||||
--color-danger: #ff99a4 !important;
|
||||
--color-error: #ff99a4 !important;
|
||||
--color-error-surface: rgb(255 153 164 / 10%) !important;
|
||||
}
|
||||
|
||||
.light, [data-theme="light"] {
|
||||
--color-text-primary: #000000 !important;
|
||||
--color-text-secondary: #5d5d5d !important;
|
||||
--color-text-tertiary: #767676 !important;
|
||||
--color-background-primary: #ffffff !important;
|
||||
--color-background-secondary: #f3f3f3 !important;
|
||||
--color-background-tertiary: #eeeeee !important;
|
||||
--color-surface: rgb(255 255 255 / 90%) !important;
|
||||
--color-surface-elevated: rgb(255 255 255 / 100%) !important;
|
||||
--color-border: #e5e5e5 !important;
|
||||
--color-border-secondary: rgb(229 229 229 / 50%) !important;
|
||||
--color-primary: #005fb8 !important;
|
||||
--color-primary-hover: #004578 !important;
|
||||
--color-accent: #005fb8 !important;
|
||||
--color-accent-hover: #004578 !important;
|
||||
--accent-rgb: 0, 95, 184 !important;
|
||||
--color-blue-common: #005fb8 !important;
|
||||
--color-light-blue: rgb(0 95 184 / 10%) !important;
|
||||
--color-success: #0f7b0f !important;
|
||||
--color-warning: #9d5d00 !important;
|
||||
--color-danger: #c50f1f !important;
|
||||
--color-error: #c50f1f !important;
|
||||
--color-error-surface: rgb(197 15 31 / 10%) !important;
|
||||
}
|
||||
Reference in New Issue
Block a user