From 3c95399d0989015bb92836e48d010df07619038b Mon Sep 17 00:00:00 2001 From: caipira113 Date: Mon, 17 Jul 2023 16:37:54 +0900 Subject: [PATCH] Add Byeolvit-Theme https://github.com/Luminon/Byeolvit-Theme/tree/404d1e159328723e49f3aa848c99a3b1d41b01a9 --- packages/frontend/src/scripts/theme.ts | 2 + .../src/themes/d-byeolvit-noctiluca.json5 | 94 +++++++++++++++++++ .../src/themes/l-byeolvit-polaris.json5 | 94 +++++++++++++++++++ 3 files changed, 190 insertions(+) create mode 100644 packages/frontend/src/themes/d-byeolvit-noctiluca.json5 create mode 100644 packages/frontend/src/themes/l-byeolvit-polaris.json5 diff --git a/packages/frontend/src/scripts/theme.ts b/packages/frontend/src/scripts/theme.ts index 993e8a1df627..8efde47f6568 100644 --- a/packages/frontend/src/scripts/theme.ts +++ b/packages/frontend/src/scripts/theme.ts @@ -21,6 +21,7 @@ export const themeProps = Object.keys(lightTheme.props).filter(key => !key.start export const getBuiltinThemes = () => Promise.all( [ 'l-stella-r2', + 'l-byeolvit-polaris', 'l-scone-color', 'l-light', 'l-coffee', @@ -33,6 +34,7 @@ export const getBuiltinThemes = () => Promise.all( 'l-u0', 'd-stella-r2', + 'd-byeolvit-noctiluca', 'd-scone-color', 'd-dark', 'd-persimmon', diff --git a/packages/frontend/src/themes/d-byeolvit-noctiluca.json5 b/packages/frontend/src/themes/d-byeolvit-noctiluca.json5 new file mode 100644 index 000000000000..7c1e3f0db73f --- /dev/null +++ b/packages/frontend/src/themes/d-byeolvit-noctiluca.json5 @@ -0,0 +1,94 @@ +{ + id: 'e2f17041-23e2-49d7-a86b-273284e0a440', + base: 'dark', + desc: '푸른 별빛이 자아내는 잔향, Byeolvit Noctiluca(별빛 녹틸루카)는 Byeolvit의 기본 다크 모드 테마입니다.', + name: 'Byeolvit Noctiluca Rev.1', + 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: '#121417', + fg: '#E4ECEA', + 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: ':alpha<0.06<@accent', + cwFg: ':alpha<0.7<@renote', + link: ':lighten<15<@accent', + warn: '@infoWarnFg', + badge: '@infoFg', + error: ':lighten<10<@infoWarnFg', + focus: ':alpha<0.10<@accent', + navBg: '@panel', + navFg: '@fg', + panel: '#1A1E23', + popup: ':lighten<3<@panel', + accent: '#3FFFD1', + deckBg: ':darken<4<@bg', + header: ':alpha<0.7<@panel', + infoBg: ':alpha<0.05<@infoFg', + infoFg: '#A192FF', + renote: '#ACFCE9', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: '#A8F0DE26', + hashtag: ':lighten<15<@accent', + mention: '@renote', + modalBg: 'rgba(0, 0, 0, 0.8)', + success: ':darken<10<@accent', + buttonBg: 'rgba(174, 219, 233, 0.1)', + switchBg: 'rgba(255, 255, 255, 0.15)', + MessageBg: '@bg', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: ':alpha<0.1<@accent', + fgOnWhite: '@bg', + indicator: '@fg', + mentionMe: '@mention', + navActive: '@accent', + accentedBg: ':alpha<0.08<@accent', + codeNumber: ':lighten<10