From 4c7b01ab85d090984d498789e2d91aa1bdf16a48 Mon Sep 17 00:00:00 2001 From: syuilo Date: Fri, 22 Oct 2021 06:28:01 +0900 Subject: [PATCH] :art: --- CHANGELOG.md | 1 + src/client/scripts/theme.ts | 1 + src/client/themes/d-astro.json5 | 2 +- src/client/themes/d-future.json5 | 2 +- src/client/themes/d-persimmon.json5 | 2 +- src/client/themes/d-pumpkin.json5 | 88 +++++++++++++++++++++++++++++ src/client/themes/l-apricot.json5 | 2 +- src/client/themes/l-rainy.json5 | 2 +- src/client/themes/l-vivid.json5 | 2 +- 9 files changed, 96 insertions(+), 6 deletions(-) create mode 100644 src/client/themes/d-pumpkin.json5 diff --git a/CHANGELOG.md b/CHANGELOG.md index 3b59251f9..a4996cfe4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -15,6 +15,7 @@ - 設定により、リアクション一覧を全員に公開することも可能 - クライアント: ユーザー検索の精度を強化 - クライアント: 新しいライトテーマを追加 +- クライアント: 新しいダークテーマを追加 - API: ユーザーのリアクション一覧を取得する users/reactions を追加 - API: users/search および users/search-by-username-and-host を強化 - ミュート及びブロックのインポートを行えるように diff --git a/src/client/scripts/theme.ts b/src/client/scripts/theme.ts index ad1b033ed..8b6382129 100644 --- a/src/client/scripts/theme.ts +++ b/src/client/scripts/theme.ts @@ -27,6 +27,7 @@ export const builtinThemes = [ require('@client/themes/d-astro.json5'), require('@client/themes/d-future.json5'), require('@client/themes/d-botanical.json5'), + require('@client/themes/d-pumpkin.json5'), require('@client/themes/d-black.json5'), ] as Theme[]; diff --git a/src/client/themes/d-astro.json5 b/src/client/themes/d-astro.json5 index 2350e3d46..c6a927ec3 100644 --- a/src/client/themes/d-astro.json5 +++ b/src/client/themes/d-astro.json5 @@ -1,7 +1,7 @@ { id: '080a01c5-377d-4fbb-88cc-6bb5d04977ea', base: 'dark', - name: 'Mi Astro', + name: 'Mi Astro Dark', author: 'syuilo', props: { bg: '#232125', diff --git a/src/client/themes/d-future.json5 b/src/client/themes/d-future.json5 index 188260912..b6fa1ab0c 100644 --- a/src/client/themes/d-future.json5 +++ b/src/client/themes/d-future.json5 @@ -1,7 +1,7 @@ { id: '32a637ef-b47a-4775-bb7b-bacbb823f865', - name: 'Mi Future', + name: 'Mi Future Dark', author: 'syuilo', base: 'dark', diff --git a/src/client/themes/d-persimmon.json5 b/src/client/themes/d-persimmon.json5 index 11e9994f5..e36265ff1 100644 --- a/src/client/themes/d-persimmon.json5 +++ b/src/client/themes/d-persimmon.json5 @@ -1,7 +1,7 @@ { id: 'c503d768-7c70-4db2-a4e6-08264304bc8d', - name: 'Mi Persimmon', + name: 'Mi Persimmon Dark', author: 'syuilo', base: 'dark', diff --git a/src/client/themes/d-pumpkin.json5 b/src/client/themes/d-pumpkin.json5 new file mode 100644 index 000000000..064ca4577 --- /dev/null +++ b/src/client/themes/d-pumpkin.json5 @@ -0,0 +1,88 @@ +{ + id: '0b64fef3-02c7-20b5-dd87-b3f77e2b4301', + + name: 'Mi Pumpkin Dark', + author: 'syuilo', + + base: 'dark', + + props: { + X2: ':darken<2<@panel', + X3: 'rgba(255, 255, 255, 0.05)', + X4: 'rgba(255, 255, 255, 0.1)', + X5: 'rgba(255, 255, 255, 0.05)', + X6: 'rgba(255, 255, 255, 0.15)', + X7: 'rgba(255, 255, 255, 0.05)', + X8: ':lighten<5<@accent', + X9: ':darken<5<@accent', + bg: 'rgb(37, 32, 47)', + fg: '#e0d5c0', + X10: ':alpha<0.4<@accent', + X11: 'rgba(0, 0, 0, 0.3)', + X12: 'rgba(255, 255, 255, 0.1)', + X13: 'rgba(255, 255, 255, 0.15)', + X14: ':alpha<0.5<@navBg', + X15: ':alpha<0<@panel', + X16: ':alpha<0.7<@panel', + X17: ':alpha<0.8<@bg', + cwBg: '#687390', + cwFg: '#393f4f', + link: 'rgb(172, 193, 68)', + warn: '#ecb637', + badge: '#31b1ce', + error: '#ec4137', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: 'rgb(242, 133, 36)', + header: ':alpha<0.7<@panel', + infoBg: '#253142', + infoFg: '#fff', + renote: 'rgb(110, 179, 72)', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: 'rgb(188, 90, 255)', + mention: 'rgb(72, 179, 139)', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#86b300', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#707b97', + indicator: '@accent', + mentionMe: '@accent', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + fgOnAccent: '#000', + infoWarnBg: '#42321c', + infoWarnFg: '#ffbd3e', + navHoverFg: ':lighten<17<@fg', + dateLabelFg: '@fg', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: '" solid 1px var(--divider)', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + accentLighten: ':lighten<10<@accent', + buttonHoverBg: 'rgba(255, 255, 255, 0.1)', + driveFolderBg: ':alpha<0.3<@accent', + fgHighlighted: ':lighten<3<@fg', + fgTransparent: ':alpha<0.5<@fg', + panelHeaderBg: ':lighten<3<@panel', + panelHeaderFg: '@fg', + buttonGradateA: '@accent', + buttonGradateB: ':hue<20<@accent', + htmlThemeColor: '@bg', + panelHighlight: ':lighten<3<@panel', + listItemHoverBg: 'rgba(255, 255, 255, 0.03)', + scrollbarHandle: 'rgba(255, 255, 255, 0.2)', + inputBorderHover: 'rgba(255, 255, 255, 0.2)', + wallpaperOverlay: 'rgba(0, 0, 0, 0.5)', + fgTransparentWeak: ':alpha<0.75<@fg', + panelHeaderDivider: 'rgba(0, 0, 0, 0)', + scrollbarHandleHover: 'rgba(255, 255, 255, 0.4)', + }, +} diff --git a/src/client/themes/l-apricot.json5 b/src/client/themes/l-apricot.json5 index 74cb24d40..1ed552557 100644 --- a/src/client/themes/l-apricot.json5 +++ b/src/client/themes/l-apricot.json5 @@ -1,7 +1,7 @@ { id: '0ff48d43-aab3-46e7-ab12-8492110d2e2b', - name: 'Mi Apricot', + name: 'Mi Apricot Light', author: 'syuilo', base: 'light', diff --git a/src/client/themes/l-rainy.json5 b/src/client/themes/l-rainy.json5 index 1edde1cab..283dd74c6 100644 --- a/src/client/themes/l-rainy.json5 +++ b/src/client/themes/l-rainy.json5 @@ -1,7 +1,7 @@ { id: 'a58a0abb-ff8c-476a-8dec-0ad7837e7e96', - name: 'Mi Rainy', + name: 'Mi Rainy Light', author: 'syuilo', base: 'light', diff --git a/src/client/themes/l-vivid.json5 b/src/client/themes/l-vivid.json5 index 0f4abe0a4..b3c08f38a 100644 --- a/src/client/themes/l-vivid.json5 +++ b/src/client/themes/l-vivid.json5 @@ -1,7 +1,7 @@ { id: '6128c2a9-5c54-43fe-a47d-17942356470b', - name: 'Mi Vivid', + name: 'Mi Vivid Light', author: 'syuilo', base: 'light',