Skip to content

Commit

Permalink
Add Byeolvit-Theme
Browse files Browse the repository at this point in the history
  • Loading branch information
caipira113 committed Jul 17, 2023
1 parent ad054f2 commit 3c95399
Show file tree
Hide file tree
Showing 3 changed files with 190 additions and 0 deletions.
2 changes: 2 additions & 0 deletions packages/frontend/src/scripts/theme.ts
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand All @@ -33,6 +34,7 @@ export const getBuiltinThemes = () => Promise.all(
'l-u0',

'd-stella-r2',
'd-byeolvit-noctiluca',
'd-scone-color',
'd-dark',
'd-persimmon',
Expand Down
94 changes: 94 additions & 0 deletions packages/frontend/src/themes/d-byeolvit-noctiluca.json5
Original file line number Diff line number Diff line change
@@ -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<infoFg',
codeString: '#FFA39D',
fgOnAccent: '@bg',
infoWarnBg: ':alpha<0.05<@infoWarnFg',
infoWarnFg: '#FF76E9',
navHoverFg: ':lighten<17<@fg',
switchOnBg: '@accentedBg',
switchOnFg: '@accent',
codeBoolean: ':lighten<10<infoWarnFg',
dateLabelFg: ':alpha<0.7<@fg',
inputBorder: ':alpha<0.1<@renote',
panelBorder: 'solid 1px var(--divider)',
switchOffBg: ':alpha<0.1<@renote',
switchOffFg: ':alpha<0.8<@fg',
accentDarken: ':darken<10<@accent',
acrylicPanel: ':alpha<0.5<@panel',
navIndicator: '@accent',
windowHeader: ':alpha<0.85<@panel',
accentLighten: ':lighten<10<@accent',
buttonHoverBg: 'rgba(174, 219, 233, 0.14)',
driveFolderBg: ':alpha<0.1<@renote',
fgHighlighted: '#FFF',
fgTransparent: ':alpha<0.5<@fg',
panelHeaderBg: ':lighten<6<@panel',
buttonGradateA: '@accent',
buttonGradateB: ':hue<10<@accent',
panelHighlight: ':lighten<6<@panel',
listItemHoverBg: ':alpha<0.03<@fg',
scrollbarHandle: ':alpha<0.1<@fg',
inputBorderHover: ':alpha<0.4<@renote',
wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
fgTransparentWeak: ':alpha<0.75<@fg',
panelHeaderDivider: '@divider',
scrollbarHandleHover: ':alpha<0.2<@fg',
},
author: '@atLuminon@byeolvit.space',
}
94 changes: 94 additions & 0 deletions packages/frontend/src/themes/l-byeolvit-polaris.json5
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
{
id: 'daf4f8ed-0468-44f3-a141-d566fb62c1fe',
base: 'light',
desc: '새하얀 별빛의 이정표, Byeolvit Polaris(별빛 폴라리스)는 Byeolvit의 기본 라이트 모드 테마입니다.',
name: 'Byeolvit Polaris Rev.1',
props: {
X2: ':darken<2<@panel',
X3: 'rgba(0, 0, 0, 0.05)',
X4: 'rgba(0, 0, 0, 0.1)',
X5: 'rgba(0, 0, 0, 0.05)',
X6: 'rgba(0, 0, 0, 0.25)',
X7: 'rgba(0, 0, 0, 0.05)',
X8: ':lighten<5<@accent',
X9: ':darken<5<@accent',
bg: '#E9ECEC',
fg: '#053328',
X10: ':alpha<0.4<@accent',
X11: 'rgba(0, 0, 0, 0.1)',
X12: 'rgba(0, 0, 0, 0.1)',
X13: 'rgba(0, 0, 0, 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<2.5<@accent',
warn: '@infoWarnFg',
badge: '@infoFg',
error: ':darken<5<@infoWarnFg',
focus: ':alpha<0.10<@accent',
navBg: '@panel',
navFg: '@fg',
panel: '#F8F9F9',
popup: ':lighten<1<@panel',
accent: '#00795C',
deckBg: ':darken<10<@bg',
header: ':alpha<0.7<@panel',
infoBg: ':alpha<0.05<@infoFg',
infoFg: '#5A47CF',
renote: '#49665F',
shadow: 'rgba(0, 0, 0, 0.3)',
divider: '#083B2F33',
hashtag: ':lighten<2.5<@accent',
mention: '@accent',
modalBg: 'rgba(0, 0, 0, 0.8)',
success: ':darken<10<@accent',
buttonBg: 'rgba(8, 59, 47, 0.08)',
switchBg: 'rgba(0, 0, 0, 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.07<@accent',
codeNumber: ':darken<10<infoFg',
codeString: '#BB4D46',
fgOnAccent: '@bg',
infoWarnBg: ':alpha<0.05<@infoWarnFg',
infoWarnFg: '#9C324B',
navHoverFg: ':lighten<17<@fg',
switchOnBg: '@accentedBg',
switchOnFg: '@accent',
codeBoolean: ':lighten<20<infoWarnFg',
dateLabelFg: ':alpha<0.7<@fg',
inputBorder: ':alpha<0.1<@renote',
panelBorder: 'solid 1px var(--divider)',
switchOffBg: ':alpha<0.1<@renote',
switchOffFg: ':alpha<0.5<@fg',
accentDarken: ':darken<10<@accent',
acrylicPanel: ':alpha<0.5<@panel',
navIndicator: '@accent',
windowHeader: ':alpha<0.85<@panel',
accentLighten: ':lighten<10<@accent',
buttonHoverBg: 'rgba(8, 59, 47, 0.15)',
driveFolderBg: ':alpha<0.1<@renote',
fgHighlighted: '#000',
fgTransparent: ':alpha<0.5<@fg',
panelHeaderBg: ':lighten<6<@panel',
buttonGradateA: '@accent',
buttonGradateB: ':hue<20<@accent',
panelHighlight: ':darken<10<@panel',
listItemHoverBg: ':alpha<0.03<@fg',
scrollbarHandle: ':alpha<0.1<@fg',
inputBorderHover: ':alpha<0.4<@renote',
wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
fgTransparentWeak: ':alpha<0.75<@fg',
panelHeaderDivider: '@divider',
scrollbarHandleHover: ':alpha<0.2<@fg',
},
author: '@atLuminon@byeolvit.space',
}

0 comments on commit 3c95399

Please sign in to comment.