From 8b1fdb5a3b12a9a04edf5b1d4b4fe37ffa0feb5d Mon Sep 17 00:00:00 2001 From: syuilo Date: Sun, 8 Jan 2023 11:55:37 +0900 Subject: [PATCH] enhance(client): add theme --- CHANGELOG.md | 1 + packages/frontend/src/scripts/theme.ts | 1 + .../frontend/src/themes/l-botanical.json5 | 29 +++++++++++++++++++ 3 files changed, 31 insertions(+) create mode 100644 packages/frontend/src/themes/l-botanical.json5 diff --git a/CHANGELOG.md b/CHANGELOG.md index c172a766e..76caefd45 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -82,6 +82,7 @@ You should also include the user name that made the change. - Client: add user list widget @syuilo - Client: add heatmap of daily active users to about page @syuilo - Client: introduce fluent emoji @syuilo +- Client: add new theme @syuilo - Client: show fireworks when visit user who today is birthday @syuilo - Client: show bot warning on screen when logged in as bot account @syuilo - Client: improve overall performance of client @syuilo diff --git a/packages/frontend/src/scripts/theme.ts b/packages/frontend/src/scripts/theme.ts index 42cb00265..28284c7bc 100644 --- a/packages/frontend/src/scripts/theme.ts +++ b/packages/frontend/src/scripts/theme.ts @@ -24,6 +24,7 @@ export const getBuiltinThemes = () => Promise.all( 'l-coffee', 'l-apricot', 'l-rainy', + 'l-botanical', 'l-vivid', 'l-cherry', 'l-sushi', diff --git a/packages/frontend/src/themes/l-botanical.json5 b/packages/frontend/src/themes/l-botanical.json5 new file mode 100644 index 000000000..2ea9a7d6c --- /dev/null +++ b/packages/frontend/src/themes/l-botanical.json5 @@ -0,0 +1,29 @@ +{ + id: '1100673c-f902-4ccd-93aa-7cb88be56178', + + name: 'Mi Botanical Light', + author: 'ThinaticSystem', + + base: 'light', + + props: { + accent: '#77b58c', + bg: 'e2deda', + fg: '#3d3d3d', + fgHighlighted: '#6bc9a0', + divider: '#cfcfcf', + panel: '@X14', + panelHeaderBg: '@panel', + panelHeaderDivider: '@divider', + header: ':alpha<0.7<@panel', + navBg: '@X14', + renote: '#229e92', + mention: '#da6d35', + mentionMe: '#d44c4c', + hashtag: '#4cb8d4', + link: '@accent', + buttonGradateB: ':hue<-70<@accent', + success: '#86b300', + X14: '#ebe7e5' + }, +}