From aaecd6377be55957588a70f882a24dfdb1c6e46c Mon Sep 17 00:00:00 2001 From: esurio Date: Mon, 1 Jul 2024 14:31:52 +0000 Subject: [PATCH] enhance: integrate catppuccin theme --- packages/frontend/src/scripts/theme.ts | 58 ++++++++++++ .../src/themes/catppuccin-frappe-blue.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-frappe-flamingo.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-frappe-green.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-frappe-lavender.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-frappe-maroon.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-frappe-mauve.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-frappe-peach.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-frappe-pink.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-frappe-red.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-frappe-rosewater.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-frappe-sapphire.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-frappe-sky.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-frappe-teal.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-frappe-yellow.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-latte-blue.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-latte-flamingo.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-latte-green.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-latte-lavender.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-latte-maroon.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-latte-mauve.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-latte-peach.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-latte-pink.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-latte-red.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-latte-rosewater.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-latte-sapphire.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-latte-sky.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-latte-teal.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-latte-yellow.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-macchiato-blue.json5 | 94 +++++++++++++++++++ .../catppuccin-macchiato-flamingo.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-macchiato-green.json5 | 94 +++++++++++++++++++ .../catppuccin-macchiato-lavender.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-macchiato-maroon.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-macchiato-mauve.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-macchiato-peach.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-macchiato-pink.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-macchiato-red.json5 | 94 +++++++++++++++++++ .../catppuccin-macchiato-rosewater.json5 | 94 +++++++++++++++++++ .../catppuccin-macchiato-sapphire.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-macchiato-sky.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-macchiato-teal.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-macchiato-yellow.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-mocha-blue.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-mocha-flamingo.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-mocha-green.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-mocha-lavender.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-mocha-maroon.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-mocha-mauve.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-mocha-peach.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-mocha-pink.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-mocha-red.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-mocha-rosewater.json5 | 94 +++++++++++++++++++ .../themes/catppuccin-mocha-sapphire.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-mocha-sky.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-mocha-teal.json5 | 94 +++++++++++++++++++ .../src/themes/catppuccin-mocha-yellow.json5 | 94 +++++++++++++++++++ 57 files changed, 5322 insertions(+) create mode 100644 packages/frontend/src/themes/catppuccin-frappe-blue.json5 create mode 100644 packages/frontend/src/themes/catppuccin-frappe-flamingo.json5 create mode 100644 packages/frontend/src/themes/catppuccin-frappe-green.json5 create mode 100644 packages/frontend/src/themes/catppuccin-frappe-lavender.json5 create mode 100644 packages/frontend/src/themes/catppuccin-frappe-maroon.json5 create mode 100644 packages/frontend/src/themes/catppuccin-frappe-mauve.json5 create mode 100644 packages/frontend/src/themes/catppuccin-frappe-peach.json5 create mode 100644 packages/frontend/src/themes/catppuccin-frappe-pink.json5 create mode 100644 packages/frontend/src/themes/catppuccin-frappe-red.json5 create mode 100644 packages/frontend/src/themes/catppuccin-frappe-rosewater.json5 create mode 100644 packages/frontend/src/themes/catppuccin-frappe-sapphire.json5 create mode 100644 packages/frontend/src/themes/catppuccin-frappe-sky.json5 create mode 100644 packages/frontend/src/themes/catppuccin-frappe-teal.json5 create mode 100644 packages/frontend/src/themes/catppuccin-frappe-yellow.json5 create mode 100644 packages/frontend/src/themes/catppuccin-latte-blue.json5 create mode 100644 packages/frontend/src/themes/catppuccin-latte-flamingo.json5 create mode 100644 packages/frontend/src/themes/catppuccin-latte-green.json5 create mode 100644 packages/frontend/src/themes/catppuccin-latte-lavender.json5 create mode 100644 packages/frontend/src/themes/catppuccin-latte-maroon.json5 create mode 100644 packages/frontend/src/themes/catppuccin-latte-mauve.json5 create mode 100644 packages/frontend/src/themes/catppuccin-latte-peach.json5 create mode 100644 packages/frontend/src/themes/catppuccin-latte-pink.json5 create mode 100644 packages/frontend/src/themes/catppuccin-latte-red.json5 create mode 100644 packages/frontend/src/themes/catppuccin-latte-rosewater.json5 create mode 100644 packages/frontend/src/themes/catppuccin-latte-sapphire.json5 create mode 100644 packages/frontend/src/themes/catppuccin-latte-sky.json5 create mode 100644 packages/frontend/src/themes/catppuccin-latte-teal.json5 create mode 100644 packages/frontend/src/themes/catppuccin-latte-yellow.json5 create mode 100644 packages/frontend/src/themes/catppuccin-macchiato-blue.json5 create mode 100644 packages/frontend/src/themes/catppuccin-macchiato-flamingo.json5 create mode 100644 packages/frontend/src/themes/catppuccin-macchiato-green.json5 create mode 100644 packages/frontend/src/themes/catppuccin-macchiato-lavender.json5 create mode 100644 packages/frontend/src/themes/catppuccin-macchiato-maroon.json5 create mode 100644 packages/frontend/src/themes/catppuccin-macchiato-mauve.json5 create mode 100644 packages/frontend/src/themes/catppuccin-macchiato-peach.json5 create mode 100644 packages/frontend/src/themes/catppuccin-macchiato-pink.json5 create mode 100644 packages/frontend/src/themes/catppuccin-macchiato-red.json5 create mode 100644 packages/frontend/src/themes/catppuccin-macchiato-rosewater.json5 create mode 100644 packages/frontend/src/themes/catppuccin-macchiato-sapphire.json5 create mode 100644 packages/frontend/src/themes/catppuccin-macchiato-sky.json5 create mode 100644 packages/frontend/src/themes/catppuccin-macchiato-teal.json5 create mode 100644 packages/frontend/src/themes/catppuccin-macchiato-yellow.json5 create mode 100644 packages/frontend/src/themes/catppuccin-mocha-blue.json5 create mode 100644 packages/frontend/src/themes/catppuccin-mocha-flamingo.json5 create mode 100644 packages/frontend/src/themes/catppuccin-mocha-green.json5 create mode 100644 packages/frontend/src/themes/catppuccin-mocha-lavender.json5 create mode 100644 packages/frontend/src/themes/catppuccin-mocha-maroon.json5 create mode 100644 packages/frontend/src/themes/catppuccin-mocha-mauve.json5 create mode 100644 packages/frontend/src/themes/catppuccin-mocha-peach.json5 create mode 100644 packages/frontend/src/themes/catppuccin-mocha-pink.json5 create mode 100644 packages/frontend/src/themes/catppuccin-mocha-red.json5 create mode 100644 packages/frontend/src/themes/catppuccin-mocha-rosewater.json5 create mode 100644 packages/frontend/src/themes/catppuccin-mocha-sapphire.json5 create mode 100644 packages/frontend/src/themes/catppuccin-mocha-sky.json5 create mode 100644 packages/frontend/src/themes/catppuccin-mocha-teal.json5 create mode 100644 packages/frontend/src/themes/catppuccin-mocha-yellow.json5 diff --git a/packages/frontend/src/scripts/theme.ts b/packages/frontend/src/scripts/theme.ts index 9901728210..8dfb4c65f1 100644 --- a/packages/frontend/src/scripts/theme.ts +++ b/packages/frontend/src/scripts/theme.ts @@ -48,6 +48,20 @@ export const getBuiltinThemes = () => Promise.all( 'l-cherry', 'l-sushi', 'l-u0', + 'catppuccin-latte-blue', + 'catppuccin-latte-flamingo', + 'catppuccin-latte-blue', + 'catppuccin-latte-lavender', + 'catppuccin-latte-maroon', + 'catppuccin-latte-mauve', + 'catppuccin-latte-peach', + 'catppuccin-latte-pink', + 'catppuccin-latte-red', + 'catppuccin-latte-rosewater', + 'catppuccin-latte-sapphire', + 'catppuccin-latte-sky', + 'catppuccin-latte-teal', + 'catppuccin-latte-yellow', 'd-cherrypick', 'd-rosepine', @@ -68,6 +82,50 @@ export const getBuiltinThemes = () => Promise.all( 'd-cherry', 'd-ice', 'd-u0', + 'catppuccin-frappe-blue', + 'catppuccin-frappe-flamingo', + 'catppuccin-frappe-green', + 'catppuccin-frappe-lavender', + 'catppuccin-frappe-maroon', + 'catppuccin-frappe-mauve', + 'catppuccin-frappe-peach', + 'catppuccin-frappe-pink', + 'catppuccin-frappe-red', + 'catppuccin-frappe-rosewater', + 'catppuccin-frappe-sapphire', + 'catppuccin-frappe-sky', + 'catppuccin-frappe-teal', + 'catppuccin-frappe-yellow', + + 'catppuccin-macchiato-blue', + 'catppuccin-macchiato-flamingo', + 'catppuccin-macchiato-green', + 'catppuccin-macchiato-lavender', + 'catppuccin-macchiato-maroon', + 'catppuccin-macchiato-mauve', + 'catppuccin-macchiato-peach', + 'catppuccin-macchiato-pink', + 'catppuccin-macchiato-red', + 'catppuccin-macchiato-rosewater', + 'catppuccin-macchiato-sapphire', + 'catppuccin-macchiato-sky', + 'catppuccin-macchiato-teal', + 'catppuccin-macchiato-yellow', + + 'catppuccin-mocha-blue', + 'catppuccin-mocha-flamingo', + 'catppuccin-mocha-green', + 'catppuccin-mocha-lavender', + 'catppuccin-mocha-maroon', + 'catppuccin-mocha-mauve', + 'catppuccin-mocha-peach', + 'catppuccin-mocha-pink', + 'catppuccin-mocha-red', + 'catppuccin-mocha-rosewater', + 'catppuccin-mocha-sapphire', + 'catppuccin-mocha-sky', + 'catppuccin-mocha-teal', + 'catppuccin-mocha-yellow', ].map(name => import(`@/themes/${name}.json5`).then(({ default: _default }): Theme => _default)), ); diff --git a/packages/frontend/src/themes/catppuccin-frappe-blue.json5 b/packages/frontend/src/themes/catppuccin-frappe-blue.json5 new file mode 100644 index 0000000000..8c46cf6e94 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-frappe-blue.json5 @@ -0,0 +1,94 @@ +{ + id: '4ccfbe22-290d-4620-97f1-f8fe2accec89', + base: 'dark', + name: 'Catppuccin Frappé Blue', + 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: '#232634', + fg: '#c6d0f5', + 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: '#51576d', + cwFg: '#b5bfe2', + link: '#8caaee', + warn: '#ef9f76', + badge: '#8caaee', + error: '#e78284', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#8caaee', + header: ':alpha<0.7<@panel', + infoBg: '#414559', + infoFg: '#a5adce', + renote: '#8caaee', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#85c1dc', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6d189', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#626880', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6d189', + codeString: '#ef9f76', + fgOnAccent: '#303446', + infoWarnBg: '#414559', + infoWarnFg: '#b5bfe2', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#737994', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-frappe-flamingo.json5 b/packages/frontend/src/themes/catppuccin-frappe-flamingo.json5 new file mode 100644 index 0000000000..56c9f37ce5 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-frappe-flamingo.json5 @@ -0,0 +1,94 @@ +{ + id: 'ffcd3328-5c57-4ca3-9dac-4580cbf7742f', + base: 'dark', + name: 'Catppuccin Frappé Flamingo', + 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: '#232634', + fg: '#c6d0f5', + 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: '#51576d', + cwFg: '#b5bfe2', + link: '#8caaee', + warn: '#ef9f76', + badge: '#8caaee', + error: '#e78284', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#eebebe', + header: ':alpha<0.7<@panel', + infoBg: '#414559', + infoFg: '#a5adce', + renote: '#8caaee', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#85c1dc', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6d189', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#626880', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6d189', + codeString: '#ef9f76', + fgOnAccent: '#303446', + infoWarnBg: '#414559', + infoWarnFg: '#b5bfe2', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#737994', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-frappe-green.json5 b/packages/frontend/src/themes/catppuccin-frappe-green.json5 new file mode 100644 index 0000000000..006b5c42b9 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-frappe-green.json5 @@ -0,0 +1,94 @@ +{ + id: '491fc957-6f96-4389-9e8e-c2b681a70a74', + base: 'dark', + name: 'Catppuccin Frappé Green', + 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: '#232634', + fg: '#c6d0f5', + 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: '#51576d', + cwFg: '#b5bfe2', + link: '#8caaee', + warn: '#ef9f76', + badge: '#8caaee', + error: '#e78284', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#a6d189', + header: ':alpha<0.7<@panel', + infoBg: '#414559', + infoFg: '#a5adce', + renote: '#8caaee', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#85c1dc', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6d189', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#626880', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6d189', + codeString: '#ef9f76', + fgOnAccent: '#303446', + infoWarnBg: '#414559', + infoWarnFg: '#b5bfe2', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#737994', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-frappe-lavender.json5 b/packages/frontend/src/themes/catppuccin-frappe-lavender.json5 new file mode 100644 index 0000000000..6b243b36bf --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-frappe-lavender.json5 @@ -0,0 +1,94 @@ +{ + id: '2832ab96-5455-42eb-9ef2-db5ab2789acb', + base: 'dark', + name: 'Catppuccin Frappé Lavender', + 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: '#232634', + fg: '#c6d0f5', + 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: '#51576d', + cwFg: '#b5bfe2', + link: '#8caaee', + warn: '#ef9f76', + badge: '#8caaee', + error: '#e78284', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#babbf1', + header: ':alpha<0.7<@panel', + infoBg: '#414559', + infoFg: '#a5adce', + renote: '#8caaee', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#85c1dc', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6d189', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#626880', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6d189', + codeString: '#ef9f76', + fgOnAccent: '#303446', + infoWarnBg: '#414559', + infoWarnFg: '#b5bfe2', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#737994', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-frappe-maroon.json5 b/packages/frontend/src/themes/catppuccin-frappe-maroon.json5 new file mode 100644 index 0000000000..575ce95427 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-frappe-maroon.json5 @@ -0,0 +1,94 @@ +{ + id: '397a5a63-e1c4-4716-8342-d527f94bde66', + base: 'dark', + name: 'Catppuccin Frappé Maroon', + 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: '#232634', + fg: '#c6d0f5', + 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: '#51576d', + cwFg: '#b5bfe2', + link: '#8caaee', + warn: '#ef9f76', + badge: '#8caaee', + error: '#e78284', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#ea999c', + header: ':alpha<0.7<@panel', + infoBg: '#414559', + infoFg: '#a5adce', + renote: '#8caaee', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#85c1dc', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6d189', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#626880', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6d189', + codeString: '#ef9f76', + fgOnAccent: '#303446', + infoWarnBg: '#414559', + infoWarnFg: '#b5bfe2', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#737994', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-frappe-mauve.json5 b/packages/frontend/src/themes/catppuccin-frappe-mauve.json5 new file mode 100644 index 0000000000..be0a87098e --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-frappe-mauve.json5 @@ -0,0 +1,94 @@ +{ + id: '21710e04-252c-4e9b-bed1-eab88a698e37', + base: 'dark', + name: 'Catppuccin Frappé Mauve', + 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: '#232634', + fg: '#c6d0f5', + 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: '#51576d', + cwFg: '#b5bfe2', + link: '#8caaee', + warn: '#ef9f76', + badge: '#8caaee', + error: '#e78284', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#ca9ee6', + header: ':alpha<0.7<@panel', + infoBg: '#414559', + infoFg: '#a5adce', + renote: '#8caaee', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#85c1dc', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6d189', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#626880', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6d189', + codeString: '#ef9f76', + fgOnAccent: '#303446', + infoWarnBg: '#414559', + infoWarnFg: '#b5bfe2', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#737994', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-frappe-peach.json5 b/packages/frontend/src/themes/catppuccin-frappe-peach.json5 new file mode 100644 index 0000000000..e51d7a0bd4 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-frappe-peach.json5 @@ -0,0 +1,94 @@ +{ + id: '862b065b-d682-439c-bfeb-c934edf12e10', + base: 'dark', + name: 'Catppuccin Frappé Peach', + 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: '#232634', + fg: '#c6d0f5', + 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: '#51576d', + cwFg: '#b5bfe2', + link: '#8caaee', + warn: '#ef9f76', + badge: '#8caaee', + error: '#e78284', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#ef9f76', + header: ':alpha<0.7<@panel', + infoBg: '#414559', + infoFg: '#a5adce', + renote: '#8caaee', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#85c1dc', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6d189', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#626880', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6d189', + codeString: '#ef9f76', + fgOnAccent: '#303446', + infoWarnBg: '#414559', + infoWarnFg: '#b5bfe2', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#737994', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-frappe-pink.json5 b/packages/frontend/src/themes/catppuccin-frappe-pink.json5 new file mode 100644 index 0000000000..8ddac33e44 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-frappe-pink.json5 @@ -0,0 +1,94 @@ +{ + id: 'a2b4c735-2238-425d-89b0-36d1c774c21d', + base: 'dark', + name: 'Catppuccin Frappé Pink', + 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: '#232634', + fg: '#c6d0f5', + 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: '#51576d', + cwFg: '#b5bfe2', + link: '#8caaee', + warn: '#ef9f76', + badge: '#8caaee', + error: '#e78284', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#f4b8e4', + header: ':alpha<0.7<@panel', + infoBg: '#414559', + infoFg: '#a5adce', + renote: '#8caaee', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#85c1dc', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6d189', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#626880', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6d189', + codeString: '#ef9f76', + fgOnAccent: '#303446', + infoWarnBg: '#414559', + infoWarnFg: '#b5bfe2', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#737994', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-frappe-red.json5 b/packages/frontend/src/themes/catppuccin-frappe-red.json5 new file mode 100644 index 0000000000..d87f97ab82 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-frappe-red.json5 @@ -0,0 +1,94 @@ +{ + id: '96e32447-3080-4929-81f7-5a7ee9d30e40', + base: 'dark', + name: 'Catppuccin Frappé Red', + 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: '#232634', + fg: '#c6d0f5', + 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: '#51576d', + cwFg: '#b5bfe2', + link: '#8caaee', + warn: '#ef9f76', + badge: '#8caaee', + error: '#e78284', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#e78284', + header: ':alpha<0.7<@panel', + infoBg: '#414559', + infoFg: '#a5adce', + renote: '#8caaee', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#85c1dc', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6d189', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#626880', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6d189', + codeString: '#ef9f76', + fgOnAccent: '#303446', + infoWarnBg: '#414559', + infoWarnFg: '#b5bfe2', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#737994', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-frappe-rosewater.json5 b/packages/frontend/src/themes/catppuccin-frappe-rosewater.json5 new file mode 100644 index 0000000000..7714c217c7 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-frappe-rosewater.json5 @@ -0,0 +1,94 @@ +{ + id: '8ca43f5a-f154-4a26-9417-f087c095ddb0', + base: 'dark', + name: 'Catppuccin Frappé Rosewater', + 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: '#232634', + fg: '#c6d0f5', + 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: '#51576d', + cwFg: '#b5bfe2', + link: '#8caaee', + warn: '#ef9f76', + badge: '#8caaee', + error: '#e78284', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#f2d5cf', + header: ':alpha<0.7<@panel', + infoBg: '#414559', + infoFg: '#a5adce', + renote: '#8caaee', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#85c1dc', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6d189', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#626880', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6d189', + codeString: '#ef9f76', + fgOnAccent: '#303446', + infoWarnBg: '#414559', + infoWarnFg: '#b5bfe2', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#737994', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-frappe-sapphire.json5 b/packages/frontend/src/themes/catppuccin-frappe-sapphire.json5 new file mode 100644 index 0000000000..8763b465c3 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-frappe-sapphire.json5 @@ -0,0 +1,94 @@ +{ + id: 'fc3b8b09-7f73-40cd-84f0-7438e3b06188', + base: 'dark', + name: 'Catppuccin Frappé Sapphire', + 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: '#232634', + fg: '#c6d0f5', + 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: '#51576d', + cwFg: '#b5bfe2', + link: '#8caaee', + warn: '#ef9f76', + badge: '#8caaee', + error: '#e78284', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#85c1dc', + header: ':alpha<0.7<@panel', + infoBg: '#414559', + infoFg: '#a5adce', + renote: '#8caaee', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#85c1dc', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6d189', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#626880', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6d189', + codeString: '#ef9f76', + fgOnAccent: '#303446', + infoWarnBg: '#414559', + infoWarnFg: '#b5bfe2', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#737994', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-frappe-sky.json5 b/packages/frontend/src/themes/catppuccin-frappe-sky.json5 new file mode 100644 index 0000000000..60f485f6aa --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-frappe-sky.json5 @@ -0,0 +1,94 @@ +{ + id: '7930bd84-3d9f-4603-8ab2-8a6f3849aef7', + base: 'dark', + name: 'Catppuccin Frappé Sky', + 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: '#232634', + fg: '#c6d0f5', + 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: '#51576d', + cwFg: '#b5bfe2', + link: '#8caaee', + warn: '#ef9f76', + badge: '#8caaee', + error: '#e78284', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#99d1db', + header: ':alpha<0.7<@panel', + infoBg: '#414559', + infoFg: '#a5adce', + renote: '#8caaee', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#85c1dc', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6d189', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#626880', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6d189', + codeString: '#ef9f76', + fgOnAccent: '#303446', + infoWarnBg: '#414559', + infoWarnFg: '#b5bfe2', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#737994', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-frappe-teal.json5 b/packages/frontend/src/themes/catppuccin-frappe-teal.json5 new file mode 100644 index 0000000000..832c59880a --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-frappe-teal.json5 @@ -0,0 +1,94 @@ +{ + id: '556d5cbd-3fc6-47d8-b8f2-33d012ccca47', + base: 'dark', + name: 'Catppuccin Frappé Teal', + 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: '#232634', + fg: '#c6d0f5', + 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: '#51576d', + cwFg: '#b5bfe2', + link: '#8caaee', + warn: '#ef9f76', + badge: '#8caaee', + error: '#e78284', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#81c8be', + header: ':alpha<0.7<@panel', + infoBg: '#414559', + infoFg: '#a5adce', + renote: '#8caaee', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#85c1dc', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6d189', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#626880', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6d189', + codeString: '#ef9f76', + fgOnAccent: '#303446', + infoWarnBg: '#414559', + infoWarnFg: '#b5bfe2', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#737994', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-frappe-yellow.json5 b/packages/frontend/src/themes/catppuccin-frappe-yellow.json5 new file mode 100644 index 0000000000..2eabfde8b3 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-frappe-yellow.json5 @@ -0,0 +1,94 @@ +{ + id: '1f75a8cf-cace-4974-956a-7186b9d08566', + base: 'dark', + name: 'Catppuccin Frappé Yellow', + 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: '#232634', + fg: '#c6d0f5', + 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: '#51576d', + cwFg: '#b5bfe2', + link: '#8caaee', + warn: '#ef9f76', + badge: '#8caaee', + error: '#e78284', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#e5c890', + header: ':alpha<0.7<@panel', + infoBg: '#414559', + infoFg: '#a5adce', + renote: '#8caaee', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#85c1dc', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6d189', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#626880', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6d189', + codeString: '#ef9f76', + fgOnAccent: '#303446', + infoWarnBg: '#414559', + infoWarnFg: '#b5bfe2', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#737994', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-latte-blue.json5 b/packages/frontend/src/themes/catppuccin-latte-blue.json5 new file mode 100644 index 0000000000..2fe0df5402 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-latte-blue.json5 @@ -0,0 +1,94 @@ +{ + id: 'fdc604f8-2dc4-4ed7-baf1-4dc5e94fd0a3', + base: 'light', + name: 'Catppuccin Latte Blue', + 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: '#dce0e8', + fg: '#4c4f69', + 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: '#bcc0cc', + cwFg: '#5c5f77', + link: '#1e66f5', + warn: '#fe640b', + badge: '#1e66f5', + error: '#d20f39', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#1e66f5', + header: ':alpha<0.7<@panel', + infoBg: '#ccd0da', + infoFg: '#6c6f85', + renote: '#1e66f5', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#209fb5', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#40a02b', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#acb0be', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#40a02b', + codeString: '#fe640b', + fgOnAccent: '#eff1f5', + infoWarnBg: '#ccd0da', + infoWarnFg: '#5c5f77', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#9ca0b0', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-latte-flamingo.json5 b/packages/frontend/src/themes/catppuccin-latte-flamingo.json5 new file mode 100644 index 0000000000..97e37c49b4 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-latte-flamingo.json5 @@ -0,0 +1,94 @@ +{ + id: '7f158d25-7b7a-44af-8c1c-c0059a84ad32', + base: 'light', + name: 'Catppuccin Latte Flamingo', + 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: '#dce0e8', + fg: '#4c4f69', + 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: '#bcc0cc', + cwFg: '#5c5f77', + link: '#1e66f5', + warn: '#fe640b', + badge: '#1e66f5', + error: '#d20f39', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#dd7878', + header: ':alpha<0.7<@panel', + infoBg: '#ccd0da', + infoFg: '#6c6f85', + renote: '#1e66f5', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#209fb5', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#40a02b', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#acb0be', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#40a02b', + codeString: '#fe640b', + fgOnAccent: '#eff1f5', + infoWarnBg: '#ccd0da', + infoWarnFg: '#5c5f77', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#9ca0b0', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-latte-green.json5 b/packages/frontend/src/themes/catppuccin-latte-green.json5 new file mode 100644 index 0000000000..ad09725d2c --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-latte-green.json5 @@ -0,0 +1,94 @@ +{ + id: '10ececda-0979-488a-812a-29968899bd86', + base: 'light', + name: 'Catppuccin Latte Green', + 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: '#dce0e8', + fg: '#4c4f69', + 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: '#bcc0cc', + cwFg: '#5c5f77', + link: '#1e66f5', + warn: '#fe640b', + badge: '#1e66f5', + error: '#d20f39', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#40a02b', + header: ':alpha<0.7<@panel', + infoBg: '#ccd0da', + infoFg: '#6c6f85', + renote: '#1e66f5', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#209fb5', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#40a02b', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#acb0be', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#40a02b', + codeString: '#fe640b', + fgOnAccent: '#eff1f5', + infoWarnBg: '#ccd0da', + infoWarnFg: '#5c5f77', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#9ca0b0', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-latte-lavender.json5 b/packages/frontend/src/themes/catppuccin-latte-lavender.json5 new file mode 100644 index 0000000000..e0757e4613 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-latte-lavender.json5 @@ -0,0 +1,94 @@ +{ + id: '78b0a6da-7500-4688-b86c-678df7961a44', + base: 'light', + name: 'Catppuccin Latte Lavender', + 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: '#dce0e8', + fg: '#4c4f69', + 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: '#bcc0cc', + cwFg: '#5c5f77', + link: '#1e66f5', + warn: '#fe640b', + badge: '#1e66f5', + error: '#d20f39', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#7287fd', + header: ':alpha<0.7<@panel', + infoBg: '#ccd0da', + infoFg: '#6c6f85', + renote: '#1e66f5', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#209fb5', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#40a02b', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#acb0be', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#40a02b', + codeString: '#fe640b', + fgOnAccent: '#eff1f5', + infoWarnBg: '#ccd0da', + infoWarnFg: '#5c5f77', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#9ca0b0', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-latte-maroon.json5 b/packages/frontend/src/themes/catppuccin-latte-maroon.json5 new file mode 100644 index 0000000000..dc95913582 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-latte-maroon.json5 @@ -0,0 +1,94 @@ +{ + id: '276f2d8b-7029-4e83-a951-a7573663c868', + base: 'light', + name: 'Catppuccin Latte Maroon', + 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: '#dce0e8', + fg: '#4c4f69', + 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: '#bcc0cc', + cwFg: '#5c5f77', + link: '#1e66f5', + warn: '#fe640b', + badge: '#1e66f5', + error: '#d20f39', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#e64553', + header: ':alpha<0.7<@panel', + infoBg: '#ccd0da', + infoFg: '#6c6f85', + renote: '#1e66f5', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#209fb5', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#40a02b', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#acb0be', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#40a02b', + codeString: '#fe640b', + fgOnAccent: '#eff1f5', + infoWarnBg: '#ccd0da', + infoWarnFg: '#5c5f77', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#9ca0b0', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-latte-mauve.json5 b/packages/frontend/src/themes/catppuccin-latte-mauve.json5 new file mode 100644 index 0000000000..fcee63f931 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-latte-mauve.json5 @@ -0,0 +1,94 @@ +{ + id: '169661d2-5a17-4dfc-b71b-9938cbbbed3e', + base: 'light', + name: 'Catppuccin Latte Mauve', + 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: '#dce0e8', + fg: '#4c4f69', + 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: '#bcc0cc', + cwFg: '#5c5f77', + link: '#1e66f5', + warn: '#fe640b', + badge: '#1e66f5', + error: '#d20f39', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#8839ef', + header: ':alpha<0.7<@panel', + infoBg: '#ccd0da', + infoFg: '#6c6f85', + renote: '#1e66f5', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#209fb5', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#40a02b', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#acb0be', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#40a02b', + codeString: '#fe640b', + fgOnAccent: '#eff1f5', + infoWarnBg: '#ccd0da', + infoWarnFg: '#5c5f77', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#9ca0b0', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-latte-peach.json5 b/packages/frontend/src/themes/catppuccin-latte-peach.json5 new file mode 100644 index 0000000000..15e4e2be93 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-latte-peach.json5 @@ -0,0 +1,94 @@ +{ + id: 'e09e1abc-4abf-460c-b5c6-8acd6c508a22', + base: 'light', + name: 'Catppuccin Latte Peach', + 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: '#dce0e8', + fg: '#4c4f69', + 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: '#bcc0cc', + cwFg: '#5c5f77', + link: '#1e66f5', + warn: '#fe640b', + badge: '#1e66f5', + error: '#d20f39', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#fe640b', + header: ':alpha<0.7<@panel', + infoBg: '#ccd0da', + infoFg: '#6c6f85', + renote: '#1e66f5', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#209fb5', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#40a02b', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#acb0be', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#40a02b', + codeString: '#fe640b', + fgOnAccent: '#eff1f5', + infoWarnBg: '#ccd0da', + infoWarnFg: '#5c5f77', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#9ca0b0', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-latte-pink.json5 b/packages/frontend/src/themes/catppuccin-latte-pink.json5 new file mode 100644 index 0000000000..9a1434d461 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-latte-pink.json5 @@ -0,0 +1,94 @@ +{ + id: 'f75ad66f-e6d7-4ee5-9abb-335b2ed8ebea', + base: 'light', + name: 'Catppuccin Latte Pink', + 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: '#dce0e8', + fg: '#4c4f69', + 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: '#bcc0cc', + cwFg: '#5c5f77', + link: '#1e66f5', + warn: '#fe640b', + badge: '#1e66f5', + error: '#d20f39', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#ea76cb', + header: ':alpha<0.7<@panel', + infoBg: '#ccd0da', + infoFg: '#6c6f85', + renote: '#1e66f5', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#209fb5', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#40a02b', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#acb0be', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#40a02b', + codeString: '#fe640b', + fgOnAccent: '#eff1f5', + infoWarnBg: '#ccd0da', + infoWarnFg: '#5c5f77', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#9ca0b0', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-latte-red.json5 b/packages/frontend/src/themes/catppuccin-latte-red.json5 new file mode 100644 index 0000000000..492c0951b1 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-latte-red.json5 @@ -0,0 +1,94 @@ +{ + id: '91e3a64c-36bd-4d55-8a59-dd824214b36f', + base: 'light', + name: 'Catppuccin Latte Red', + 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: '#dce0e8', + fg: '#4c4f69', + 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: '#bcc0cc', + cwFg: '#5c5f77', + link: '#1e66f5', + warn: '#fe640b', + badge: '#1e66f5', + error: '#d20f39', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#d20f39', + header: ':alpha<0.7<@panel', + infoBg: '#ccd0da', + infoFg: '#6c6f85', + renote: '#1e66f5', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#209fb5', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#40a02b', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#acb0be', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#40a02b', + codeString: '#fe640b', + fgOnAccent: '#eff1f5', + infoWarnBg: '#ccd0da', + infoWarnFg: '#5c5f77', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#9ca0b0', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-latte-rosewater.json5 b/packages/frontend/src/themes/catppuccin-latte-rosewater.json5 new file mode 100644 index 0000000000..9680fb9249 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-latte-rosewater.json5 @@ -0,0 +1,94 @@ +{ + id: 'f5110364-ab47-4d38-a2dd-7a6bba48ca8e', + base: 'light', + name: 'Catppuccin Latte Rosewater', + 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: '#dce0e8', + fg: '#4c4f69', + 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: '#bcc0cc', + cwFg: '#5c5f77', + link: '#1e66f5', + warn: '#fe640b', + badge: '#1e66f5', + error: '#d20f39', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#dc8a78', + header: ':alpha<0.7<@panel', + infoBg: '#ccd0da', + infoFg: '#6c6f85', + renote: '#1e66f5', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#209fb5', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#40a02b', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#acb0be', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#40a02b', + codeString: '#fe640b', + fgOnAccent: '#eff1f5', + infoWarnBg: '#ccd0da', + infoWarnFg: '#5c5f77', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#9ca0b0', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-latte-sapphire.json5 b/packages/frontend/src/themes/catppuccin-latte-sapphire.json5 new file mode 100644 index 0000000000..e9396c231c --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-latte-sapphire.json5 @@ -0,0 +1,94 @@ +{ + id: 'f6820dd3-9926-4850-ae08-3b5f3a6435c0', + base: 'light', + name: 'Catppuccin Latte Sapphire', + 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: '#dce0e8', + fg: '#4c4f69', + 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: '#bcc0cc', + cwFg: '#5c5f77', + link: '#1e66f5', + warn: '#fe640b', + badge: '#1e66f5', + error: '#d20f39', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#209fb5', + header: ':alpha<0.7<@panel', + infoBg: '#ccd0da', + infoFg: '#6c6f85', + renote: '#1e66f5', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#209fb5', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#40a02b', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#acb0be', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#40a02b', + codeString: '#fe640b', + fgOnAccent: '#eff1f5', + infoWarnBg: '#ccd0da', + infoWarnFg: '#5c5f77', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#9ca0b0', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-latte-sky.json5 b/packages/frontend/src/themes/catppuccin-latte-sky.json5 new file mode 100644 index 0000000000..075178ea36 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-latte-sky.json5 @@ -0,0 +1,94 @@ +{ + id: 'cfea510d-dad1-4930-b602-1c5b02352d79', + base: 'light', + name: 'Catppuccin Latte Sky', + 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: '#dce0e8', + fg: '#4c4f69', + 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: '#bcc0cc', + cwFg: '#5c5f77', + link: '#1e66f5', + warn: '#fe640b', + badge: '#1e66f5', + error: '#d20f39', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#04a5e5', + header: ':alpha<0.7<@panel', + infoBg: '#ccd0da', + infoFg: '#6c6f85', + renote: '#1e66f5', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#209fb5', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#40a02b', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#acb0be', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#40a02b', + codeString: '#fe640b', + fgOnAccent: '#eff1f5', + infoWarnBg: '#ccd0da', + infoWarnFg: '#5c5f77', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#9ca0b0', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-latte-teal.json5 b/packages/frontend/src/themes/catppuccin-latte-teal.json5 new file mode 100644 index 0000000000..5019a02276 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-latte-teal.json5 @@ -0,0 +1,94 @@ +{ + id: '3af445d9-9973-445d-af10-4a34ba87ee51', + base: 'light', + name: 'Catppuccin Latte Teal', + 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: '#dce0e8', + fg: '#4c4f69', + 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: '#bcc0cc', + cwFg: '#5c5f77', + link: '#1e66f5', + warn: '#fe640b', + badge: '#1e66f5', + error: '#d20f39', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#179299', + header: ':alpha<0.7<@panel', + infoBg: '#ccd0da', + infoFg: '#6c6f85', + renote: '#1e66f5', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#209fb5', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#40a02b', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#acb0be', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#40a02b', + codeString: '#fe640b', + fgOnAccent: '#eff1f5', + infoWarnBg: '#ccd0da', + infoWarnFg: '#5c5f77', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#9ca0b0', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-latte-yellow.json5 b/packages/frontend/src/themes/catppuccin-latte-yellow.json5 new file mode 100644 index 0000000000..becc3059a1 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-latte-yellow.json5 @@ -0,0 +1,94 @@ +{ + id: '6592977c-e6a6-491c-a1f6-3cf5c715dc99', + base: 'light', + name: 'Catppuccin Latte Yellow', + 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: '#dce0e8', + fg: '#4c4f69', + 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: '#bcc0cc', + cwFg: '#5c5f77', + link: '#1e66f5', + warn: '#fe640b', + badge: '#1e66f5', + error: '#d20f39', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#df8e1d', + header: ':alpha<0.7<@panel', + infoBg: '#ccd0da', + infoFg: '#6c6f85', + renote: '#1e66f5', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#209fb5', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#40a02b', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#acb0be', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#40a02b', + codeString: '#fe640b', + fgOnAccent: '#eff1f5', + infoWarnBg: '#ccd0da', + infoWarnFg: '#5c5f77', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#9ca0b0', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-macchiato-blue.json5 b/packages/frontend/src/themes/catppuccin-macchiato-blue.json5 new file mode 100644 index 0000000000..e9c3a84c6e --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-macchiato-blue.json5 @@ -0,0 +1,94 @@ +{ + id: 'b008cd09-7ed5-4b88-adcc-c5a6c27406a6', + base: 'dark', + name: 'Catppuccin Macchiato Blue', + 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: '#181926', + fg: '#cad3f5', + 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: '#494d64', + cwFg: '#b8c0e0', + link: '#8aadf4', + warn: '#f5a97f', + badge: '#8aadf4', + error: '#ed8796', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#8aadf4', + header: ':alpha<0.7<@panel', + infoBg: '#363a4f', + infoFg: '#a5adcb', + renote: '#8aadf4', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#7dc4e4', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6da95', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#5b6078', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6da95', + codeString: '#f5a97f', + fgOnAccent: '#24273a', + infoWarnBg: '#363a4f', + infoWarnFg: '#b8c0e0', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6e738d', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-macchiato-flamingo.json5 b/packages/frontend/src/themes/catppuccin-macchiato-flamingo.json5 new file mode 100644 index 0000000000..50ee4e8b2c --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-macchiato-flamingo.json5 @@ -0,0 +1,94 @@ +{ + id: '6365da57-9c82-4a11-b064-d2b72c1e4962', + base: 'dark', + name: 'Catppuccin Macchiato Flamingo', + 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: '#181926', + fg: '#cad3f5', + 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: '#494d64', + cwFg: '#b8c0e0', + link: '#8aadf4', + warn: '#f5a97f', + badge: '#8aadf4', + error: '#ed8796', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#f0c6c6', + header: ':alpha<0.7<@panel', + infoBg: '#363a4f', + infoFg: '#a5adcb', + renote: '#8aadf4', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#7dc4e4', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6da95', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#5b6078', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6da95', + codeString: '#f5a97f', + fgOnAccent: '#24273a', + infoWarnBg: '#363a4f', + infoWarnFg: '#b8c0e0', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6e738d', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-macchiato-green.json5 b/packages/frontend/src/themes/catppuccin-macchiato-green.json5 new file mode 100644 index 0000000000..cf458cef9d --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-macchiato-green.json5 @@ -0,0 +1,94 @@ +{ + id: '9c1ad601-df61-4135-8598-a5bfbd8560b6', + base: 'dark', + name: 'Catppuccin Macchiato Green', + 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: '#181926', + fg: '#cad3f5', + 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: '#494d64', + cwFg: '#b8c0e0', + link: '#8aadf4', + warn: '#f5a97f', + badge: '#8aadf4', + error: '#ed8796', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#a6da95', + header: ':alpha<0.7<@panel', + infoBg: '#363a4f', + infoFg: '#a5adcb', + renote: '#8aadf4', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#7dc4e4', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6da95', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#5b6078', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6da95', + codeString: '#f5a97f', + fgOnAccent: '#24273a', + infoWarnBg: '#363a4f', + infoWarnFg: '#b8c0e0', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6e738d', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-macchiato-lavender.json5 b/packages/frontend/src/themes/catppuccin-macchiato-lavender.json5 new file mode 100644 index 0000000000..278bb1e4ea --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-macchiato-lavender.json5 @@ -0,0 +1,94 @@ +{ + id: 'c42a0fb1-6142-4c97-93c6-8c26bc9c2fd1', + base: 'dark', + name: 'Catppuccin Macchiato Lavender', + 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: '#181926', + fg: '#cad3f5', + 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: '#494d64', + cwFg: '#b8c0e0', + link: '#8aadf4', + warn: '#f5a97f', + badge: '#8aadf4', + error: '#ed8796', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#b7bdf8', + header: ':alpha<0.7<@panel', + infoBg: '#363a4f', + infoFg: '#a5adcb', + renote: '#8aadf4', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#7dc4e4', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6da95', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#5b6078', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6da95', + codeString: '#f5a97f', + fgOnAccent: '#24273a', + infoWarnBg: '#363a4f', + infoWarnFg: '#b8c0e0', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6e738d', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-macchiato-maroon.json5 b/packages/frontend/src/themes/catppuccin-macchiato-maroon.json5 new file mode 100644 index 0000000000..e9f7e140a6 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-macchiato-maroon.json5 @@ -0,0 +1,94 @@ +{ + id: '500474c0-6f84-42bc-befd-48a6bb475ab3', + base: 'dark', + name: 'Catppuccin Macchiato Maroon', + 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: '#181926', + fg: '#cad3f5', + 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: '#494d64', + cwFg: '#b8c0e0', + link: '#8aadf4', + warn: '#f5a97f', + badge: '#8aadf4', + error: '#ed8796', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#ee99a0', + header: ':alpha<0.7<@panel', + infoBg: '#363a4f', + infoFg: '#a5adcb', + renote: '#8aadf4', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#7dc4e4', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6da95', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#5b6078', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6da95', + codeString: '#f5a97f', + fgOnAccent: '#24273a', + infoWarnBg: '#363a4f', + infoWarnFg: '#b8c0e0', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6e738d', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-macchiato-mauve.json5 b/packages/frontend/src/themes/catppuccin-macchiato-mauve.json5 new file mode 100644 index 0000000000..0a51e2f751 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-macchiato-mauve.json5 @@ -0,0 +1,94 @@ +{ + id: '0dec6f16-afd8-486e-80dd-cb6dc4545305', + base: 'dark', + name: 'Catppuccin Macchiato Mauve', + 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: '#181926', + fg: '#cad3f5', + 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: '#494d64', + cwFg: '#b8c0e0', + link: '#8aadf4', + warn: '#f5a97f', + badge: '#8aadf4', + error: '#ed8796', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#c6a0f6', + header: ':alpha<0.7<@panel', + infoBg: '#363a4f', + infoFg: '#a5adcb', + renote: '#8aadf4', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#7dc4e4', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6da95', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#5b6078', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6da95', + codeString: '#f5a97f', + fgOnAccent: '#24273a', + infoWarnBg: '#363a4f', + infoWarnFg: '#b8c0e0', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6e738d', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-macchiato-peach.json5 b/packages/frontend/src/themes/catppuccin-macchiato-peach.json5 new file mode 100644 index 0000000000..435b66ba9d --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-macchiato-peach.json5 @@ -0,0 +1,94 @@ +{ + id: '4987d5af-9e73-4356-a317-a55046c8eeeb', + base: 'dark', + name: 'Catppuccin Macchiato Peach', + 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: '#181926', + fg: '#cad3f5', + 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: '#494d64', + cwFg: '#b8c0e0', + link: '#8aadf4', + warn: '#f5a97f', + badge: '#8aadf4', + error: '#ed8796', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#f5a97f', + header: ':alpha<0.7<@panel', + infoBg: '#363a4f', + infoFg: '#a5adcb', + renote: '#8aadf4', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#7dc4e4', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6da95', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#5b6078', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6da95', + codeString: '#f5a97f', + fgOnAccent: '#24273a', + infoWarnBg: '#363a4f', + infoWarnFg: '#b8c0e0', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6e738d', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-macchiato-pink.json5 b/packages/frontend/src/themes/catppuccin-macchiato-pink.json5 new file mode 100644 index 0000000000..45717bc481 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-macchiato-pink.json5 @@ -0,0 +1,94 @@ +{ + id: '415902ef-0e56-4797-b9af-78716d7aa98d', + base: 'dark', + name: 'Catppuccin Macchiato Pink', + 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: '#181926', + fg: '#cad3f5', + 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: '#494d64', + cwFg: '#b8c0e0', + link: '#8aadf4', + warn: '#f5a97f', + badge: '#8aadf4', + error: '#ed8796', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#f5bde6', + header: ':alpha<0.7<@panel', + infoBg: '#363a4f', + infoFg: '#a5adcb', + renote: '#8aadf4', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#7dc4e4', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6da95', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#5b6078', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6da95', + codeString: '#f5a97f', + fgOnAccent: '#24273a', + infoWarnBg: '#363a4f', + infoWarnFg: '#b8c0e0', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6e738d', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-macchiato-red.json5 b/packages/frontend/src/themes/catppuccin-macchiato-red.json5 new file mode 100644 index 0000000000..5dbd38768e --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-macchiato-red.json5 @@ -0,0 +1,94 @@ +{ + id: 'da38ecbe-d6b9-4397-8697-a9fb136d4686', + base: 'dark', + name: 'Catppuccin Macchiato Red', + 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: '#181926', + fg: '#cad3f5', + 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: '#494d64', + cwFg: '#b8c0e0', + link: '#8aadf4', + warn: '#f5a97f', + badge: '#8aadf4', + error: '#ed8796', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#ed8796', + header: ':alpha<0.7<@panel', + infoBg: '#363a4f', + infoFg: '#a5adcb', + renote: '#8aadf4', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#7dc4e4', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6da95', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#5b6078', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6da95', + codeString: '#f5a97f', + fgOnAccent: '#24273a', + infoWarnBg: '#363a4f', + infoWarnFg: '#b8c0e0', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6e738d', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-macchiato-rosewater.json5 b/packages/frontend/src/themes/catppuccin-macchiato-rosewater.json5 new file mode 100644 index 0000000000..e391af91d0 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-macchiato-rosewater.json5 @@ -0,0 +1,94 @@ +{ + id: 'e3af403a-f2f9-4de0-b55e-e12afdab62fb', + base: 'dark', + name: 'Catppuccin Macchiato Rosewater', + 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: '#181926', + fg: '#cad3f5', + 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: '#494d64', + cwFg: '#b8c0e0', + link: '#8aadf4', + warn: '#f5a97f', + badge: '#8aadf4', + error: '#ed8796', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#f4dbd6', + header: ':alpha<0.7<@panel', + infoBg: '#363a4f', + infoFg: '#a5adcb', + renote: '#8aadf4', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#7dc4e4', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6da95', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#5b6078', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6da95', + codeString: '#f5a97f', + fgOnAccent: '#24273a', + infoWarnBg: '#363a4f', + infoWarnFg: '#b8c0e0', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6e738d', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-macchiato-sapphire.json5 b/packages/frontend/src/themes/catppuccin-macchiato-sapphire.json5 new file mode 100644 index 0000000000..5ad95177b8 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-macchiato-sapphire.json5 @@ -0,0 +1,94 @@ +{ + id: 'c92a9970-2a68-403c-9d4e-af8537f8fdca', + base: 'dark', + name: 'Catppuccin Macchiato Sapphire', + 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: '#181926', + fg: '#cad3f5', + 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: '#494d64', + cwFg: '#b8c0e0', + link: '#8aadf4', + warn: '#f5a97f', + badge: '#8aadf4', + error: '#ed8796', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#7dc4e4', + header: ':alpha<0.7<@panel', + infoBg: '#363a4f', + infoFg: '#a5adcb', + renote: '#8aadf4', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#7dc4e4', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6da95', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#5b6078', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6da95', + codeString: '#f5a97f', + fgOnAccent: '#24273a', + infoWarnBg: '#363a4f', + infoWarnFg: '#b8c0e0', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6e738d', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-macchiato-sky.json5 b/packages/frontend/src/themes/catppuccin-macchiato-sky.json5 new file mode 100644 index 0000000000..bcc29bf3f4 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-macchiato-sky.json5 @@ -0,0 +1,94 @@ +{ + id: '85d9bbcf-02fc-4c1c-9dcd-2069b3335c50', + base: 'dark', + name: 'Catppuccin Macchiato Sky', + 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: '#181926', + fg: '#cad3f5', + 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: '#494d64', + cwFg: '#b8c0e0', + link: '#8aadf4', + warn: '#f5a97f', + badge: '#8aadf4', + error: '#ed8796', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#91d7e3', + header: ':alpha<0.7<@panel', + infoBg: '#363a4f', + infoFg: '#a5adcb', + renote: '#8aadf4', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#7dc4e4', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6da95', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#5b6078', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6da95', + codeString: '#f5a97f', + fgOnAccent: '#24273a', + infoWarnBg: '#363a4f', + infoWarnFg: '#b8c0e0', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6e738d', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-macchiato-teal.json5 b/packages/frontend/src/themes/catppuccin-macchiato-teal.json5 new file mode 100644 index 0000000000..8a5e321fc0 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-macchiato-teal.json5 @@ -0,0 +1,94 @@ +{ + id: 'edf87ab0-a47b-4dfe-8092-8d39c72d4a84', + base: 'dark', + name: 'Catppuccin Macchiato Teal', + 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: '#181926', + fg: '#cad3f5', + 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: '#494d64', + cwFg: '#b8c0e0', + link: '#8aadf4', + warn: '#f5a97f', + badge: '#8aadf4', + error: '#ed8796', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#8bd5ca', + header: ':alpha<0.7<@panel', + infoBg: '#363a4f', + infoFg: '#a5adcb', + renote: '#8aadf4', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#7dc4e4', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6da95', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#5b6078', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6da95', + codeString: '#f5a97f', + fgOnAccent: '#24273a', + infoWarnBg: '#363a4f', + infoWarnFg: '#b8c0e0', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6e738d', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-macchiato-yellow.json5 b/packages/frontend/src/themes/catppuccin-macchiato-yellow.json5 new file mode 100644 index 0000000000..944c3419d8 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-macchiato-yellow.json5 @@ -0,0 +1,94 @@ +{ + id: '179b5cce-97e7-46fc-b2dd-d62ee3e6037a', + base: 'dark', + name: 'Catppuccin Macchiato Yellow', + 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: '#181926', + fg: '#cad3f5', + 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: '#494d64', + cwFg: '#b8c0e0', + link: '#8aadf4', + warn: '#f5a97f', + badge: '#8aadf4', + error: '#ed8796', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#eed49f', + header: ':alpha<0.7<@panel', + infoBg: '#363a4f', + infoFg: '#a5adcb', + renote: '#8aadf4', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#7dc4e4', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6da95', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#5b6078', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6da95', + codeString: '#f5a97f', + fgOnAccent: '#24273a', + infoWarnBg: '#363a4f', + infoWarnFg: '#b8c0e0', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6e738d', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-mocha-blue.json5 b/packages/frontend/src/themes/catppuccin-mocha-blue.json5 new file mode 100644 index 0000000000..8f49b7451d --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-mocha-blue.json5 @@ -0,0 +1,94 @@ +{ + id: 'f39f6217-a594-4dbd-9b0e-b001a0da383b', + base: 'dark', + name: 'Catppuccin Mocha Blue', + 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: '#11111b', + fg: '#cdd6f4', + 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: '#45475a', + cwFg: '#bac2de', + link: '#89b4fa', + warn: '#fab387', + badge: '#89b4fa', + error: '#f38ba8', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#89b4fa', + header: ':alpha<0.7<@panel', + infoBg: '#313244', + infoFg: '#a6adc8', + renote: '#89b4fa', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#74c7ec', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6e3a1', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#585b70', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6e3a1', + codeString: '#fab387', + fgOnAccent: '#1e1e2e', + infoWarnBg: '#313244', + infoWarnFg: '#bac2de', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6c7086', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-mocha-flamingo.json5 b/packages/frontend/src/themes/catppuccin-mocha-flamingo.json5 new file mode 100644 index 0000000000..39c5682bc5 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-mocha-flamingo.json5 @@ -0,0 +1,94 @@ +{ + id: 'd413f41f-a489-48be-9e20-3532ffbb4363', + base: 'dark', + name: 'Catppuccin Mocha Flamingo', + 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: '#11111b', + fg: '#cdd6f4', + 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: '#45475a', + cwFg: '#bac2de', + link: '#89b4fa', + warn: '#fab387', + badge: '#89b4fa', + error: '#f38ba8', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#f2cdcd', + header: ':alpha<0.7<@panel', + infoBg: '#313244', + infoFg: '#a6adc8', + renote: '#89b4fa', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#74c7ec', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6e3a1', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#585b70', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6e3a1', + codeString: '#fab387', + fgOnAccent: '#1e1e2e', + infoWarnBg: '#313244', + infoWarnFg: '#bac2de', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6c7086', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-mocha-green.json5 b/packages/frontend/src/themes/catppuccin-mocha-green.json5 new file mode 100644 index 0000000000..0fb4408944 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-mocha-green.json5 @@ -0,0 +1,94 @@ +{ + id: '11bb1ab5-b7b9-4060-b0fe-5083e767e87d', + base: 'dark', + name: 'Catppuccin Mocha Green', + 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: '#11111b', + fg: '#cdd6f4', + 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: '#45475a', + cwFg: '#bac2de', + link: '#89b4fa', + warn: '#fab387', + badge: '#89b4fa', + error: '#f38ba8', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#a6e3a1', + header: ':alpha<0.7<@panel', + infoBg: '#313244', + infoFg: '#a6adc8', + renote: '#89b4fa', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#74c7ec', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6e3a1', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#585b70', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6e3a1', + codeString: '#fab387', + fgOnAccent: '#1e1e2e', + infoWarnBg: '#313244', + infoWarnFg: '#bac2de', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6c7086', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-mocha-lavender.json5 b/packages/frontend/src/themes/catppuccin-mocha-lavender.json5 new file mode 100644 index 0000000000..7330d052c3 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-mocha-lavender.json5 @@ -0,0 +1,94 @@ +{ + id: 'f69c50ff-837c-48f5-803b-c94efaea433f', + base: 'dark', + name: 'Catppuccin Mocha Lavender', + 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: '#11111b', + fg: '#cdd6f4', + 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: '#45475a', + cwFg: '#bac2de', + link: '#89b4fa', + warn: '#fab387', + badge: '#89b4fa', + error: '#f38ba8', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#b4befe', + header: ':alpha<0.7<@panel', + infoBg: '#313244', + infoFg: '#a6adc8', + renote: '#89b4fa', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#74c7ec', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6e3a1', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#585b70', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6e3a1', + codeString: '#fab387', + fgOnAccent: '#1e1e2e', + infoWarnBg: '#313244', + infoWarnFg: '#bac2de', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6c7086', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-mocha-maroon.json5 b/packages/frontend/src/themes/catppuccin-mocha-maroon.json5 new file mode 100644 index 0000000000..46e8936bcc --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-mocha-maroon.json5 @@ -0,0 +1,94 @@ +{ + id: '105a5ad5-3fb0-4db2-a7ea-b90cd21cd338', + base: 'dark', + name: 'Catppuccin Mocha Maroon', + 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: '#11111b', + fg: '#cdd6f4', + 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: '#45475a', + cwFg: '#bac2de', + link: '#89b4fa', + warn: '#fab387', + badge: '#89b4fa', + error: '#f38ba8', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#eba0ac', + header: ':alpha<0.7<@panel', + infoBg: '#313244', + infoFg: '#a6adc8', + renote: '#89b4fa', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#74c7ec', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6e3a1', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#585b70', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6e3a1', + codeString: '#fab387', + fgOnAccent: '#1e1e2e', + infoWarnBg: '#313244', + infoWarnFg: '#bac2de', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6c7086', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-mocha-mauve.json5 b/packages/frontend/src/themes/catppuccin-mocha-mauve.json5 new file mode 100644 index 0000000000..8c2f7ddc2a --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-mocha-mauve.json5 @@ -0,0 +1,94 @@ +{ + id: 'a05d4ae9-d3ae-4973-8796-e4fa4a2187e3', + base: 'dark', + name: 'Catppuccin Mocha Mauve', + 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: '#11111b', + fg: '#cdd6f4', + 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: '#45475a', + cwFg: '#bac2de', + link: '#89b4fa', + warn: '#fab387', + badge: '#89b4fa', + error: '#f38ba8', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#cba6f7', + header: ':alpha<0.7<@panel', + infoBg: '#313244', + infoFg: '#a6adc8', + renote: '#89b4fa', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#74c7ec', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6e3a1', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#585b70', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6e3a1', + codeString: '#fab387', + fgOnAccent: '#1e1e2e', + infoWarnBg: '#313244', + infoWarnFg: '#bac2de', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6c7086', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-mocha-peach.json5 b/packages/frontend/src/themes/catppuccin-mocha-peach.json5 new file mode 100644 index 0000000000..7d6bded053 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-mocha-peach.json5 @@ -0,0 +1,94 @@ +{ + id: '27eb675d-ec95-4834-88a7-defa3742860a', + base: 'dark', + name: 'Catppuccin Mocha Peach', + 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: '#11111b', + fg: '#cdd6f4', + 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: '#45475a', + cwFg: '#bac2de', + link: '#89b4fa', + warn: '#fab387', + badge: '#89b4fa', + error: '#f38ba8', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#fab387', + header: ':alpha<0.7<@panel', + infoBg: '#313244', + infoFg: '#a6adc8', + renote: '#89b4fa', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#74c7ec', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6e3a1', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#585b70', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6e3a1', + codeString: '#fab387', + fgOnAccent: '#1e1e2e', + infoWarnBg: '#313244', + infoWarnFg: '#bac2de', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6c7086', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-mocha-pink.json5 b/packages/frontend/src/themes/catppuccin-mocha-pink.json5 new file mode 100644 index 0000000000..e195796224 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-mocha-pink.json5 @@ -0,0 +1,94 @@ +{ + id: 'ad0b3571-3d01-4df4-b2ea-5ea1d3bae0d9', + base: 'dark', + name: 'Catppuccin Mocha Pink', + 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: '#11111b', + fg: '#cdd6f4', + 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: '#45475a', + cwFg: '#bac2de', + link: '#89b4fa', + warn: '#fab387', + badge: '#89b4fa', + error: '#f38ba8', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#f5c2e7', + header: ':alpha<0.7<@panel', + infoBg: '#313244', + infoFg: '#a6adc8', + renote: '#89b4fa', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#74c7ec', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6e3a1', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#585b70', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6e3a1', + codeString: '#fab387', + fgOnAccent: '#1e1e2e', + infoWarnBg: '#313244', + infoWarnFg: '#bac2de', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6c7086', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-mocha-red.json5 b/packages/frontend/src/themes/catppuccin-mocha-red.json5 new file mode 100644 index 0000000000..5e754ac57d --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-mocha-red.json5 @@ -0,0 +1,94 @@ +{ + id: '0703341f-3140-44a6-9d2a-7d15f7eb8533', + base: 'dark', + name: 'Catppuccin Mocha Red', + 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: '#11111b', + fg: '#cdd6f4', + 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: '#45475a', + cwFg: '#bac2de', + link: '#89b4fa', + warn: '#fab387', + badge: '#89b4fa', + error: '#f38ba8', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#f38ba8', + header: ':alpha<0.7<@panel', + infoBg: '#313244', + infoFg: '#a6adc8', + renote: '#89b4fa', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#74c7ec', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6e3a1', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#585b70', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6e3a1', + codeString: '#fab387', + fgOnAccent: '#1e1e2e', + infoWarnBg: '#313244', + infoWarnFg: '#bac2de', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6c7086', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-mocha-rosewater.json5 b/packages/frontend/src/themes/catppuccin-mocha-rosewater.json5 new file mode 100644 index 0000000000..a5a98462d4 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-mocha-rosewater.json5 @@ -0,0 +1,94 @@ +{ + id: 'a8e04179-05c7-4dc7-8b0c-a2badb3f8265', + base: 'dark', + name: 'Catppuccin Mocha Rosewater', + 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: '#11111b', + fg: '#cdd6f4', + 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: '#45475a', + cwFg: '#bac2de', + link: '#89b4fa', + warn: '#fab387', + badge: '#89b4fa', + error: '#f38ba8', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#f5e0dc', + header: ':alpha<0.7<@panel', + infoBg: '#313244', + infoFg: '#a6adc8', + renote: '#89b4fa', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#74c7ec', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6e3a1', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#585b70', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6e3a1', + codeString: '#fab387', + fgOnAccent: '#1e1e2e', + infoWarnBg: '#313244', + infoWarnFg: '#bac2de', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6c7086', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-mocha-sapphire.json5 b/packages/frontend/src/themes/catppuccin-mocha-sapphire.json5 new file mode 100644 index 0000000000..fdde0394ab --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-mocha-sapphire.json5 @@ -0,0 +1,94 @@ +{ + id: '1ff4082f-2a45-4668-ae5e-dbcf61d2f244', + base: 'dark', + name: 'Catppuccin Mocha Sapphire', + 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: '#11111b', + fg: '#cdd6f4', + 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: '#45475a', + cwFg: '#bac2de', + link: '#89b4fa', + warn: '#fab387', + badge: '#89b4fa', + error: '#f38ba8', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#74c7ec', + header: ':alpha<0.7<@panel', + infoBg: '#313244', + infoFg: '#a6adc8', + renote: '#89b4fa', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#74c7ec', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6e3a1', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#585b70', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6e3a1', + codeString: '#fab387', + fgOnAccent: '#1e1e2e', + infoWarnBg: '#313244', + infoWarnFg: '#bac2de', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6c7086', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-mocha-sky.json5 b/packages/frontend/src/themes/catppuccin-mocha-sky.json5 new file mode 100644 index 0000000000..166c9e5281 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-mocha-sky.json5 @@ -0,0 +1,94 @@ +{ + id: '306cd9fb-d7ea-46e5-b191-827ad499e5d8', + base: 'dark', + name: 'Catppuccin Mocha Sky', + 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: '#11111b', + fg: '#cdd6f4', + 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: '#45475a', + cwFg: '#bac2de', + link: '#89b4fa', + warn: '#fab387', + badge: '#89b4fa', + error: '#f38ba8', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#89dceb', + header: ':alpha<0.7<@panel', + infoBg: '#313244', + infoFg: '#a6adc8', + renote: '#89b4fa', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#74c7ec', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6e3a1', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#585b70', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6e3a1', + codeString: '#fab387', + fgOnAccent: '#1e1e2e', + infoWarnBg: '#313244', + infoWarnFg: '#bac2de', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6c7086', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-mocha-teal.json5 b/packages/frontend/src/themes/catppuccin-mocha-teal.json5 new file mode 100644 index 0000000000..1500d3a036 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-mocha-teal.json5 @@ -0,0 +1,94 @@ +{ + id: '72156ad8-b965-461c-bada-ef89823b3336', + base: 'dark', + name: 'Catppuccin Mocha Teal', + 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: '#11111b', + fg: '#cdd6f4', + 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: '#45475a', + cwFg: '#bac2de', + link: '#89b4fa', + warn: '#fab387', + badge: '#89b4fa', + error: '#f38ba8', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#94e2d5', + header: ':alpha<0.7<@panel', + infoBg: '#313244', + infoFg: '#a6adc8', + renote: '#89b4fa', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#74c7ec', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6e3a1', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#585b70', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6e3a1', + codeString: '#fab387', + fgOnAccent: '#1e1e2e', + infoWarnBg: '#313244', + infoWarnFg: '#bac2de', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6c7086', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +} diff --git a/packages/frontend/src/themes/catppuccin-mocha-yellow.json5 b/packages/frontend/src/themes/catppuccin-mocha-yellow.json5 new file mode 100644 index 0000000000..9ad296ac49 --- /dev/null +++ b/packages/frontend/src/themes/catppuccin-mocha-yellow.json5 @@ -0,0 +1,94 @@ +{ + id: 'd5645807-5b68-4543-b747-f382c78350ec', + base: 'dark', + name: 'Catppuccin Mocha Yellow', + 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: '#11111b', + fg: '#cdd6f4', + 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: '#45475a', + cwFg: '#bac2de', + link: '#89b4fa', + warn: '#fab387', + badge: '#89b4fa', + error: '#f38ba8', + focus: ':alpha<0.3<@accent', + navBg: '@panel', + navFg: '@fg', + panel: ':lighten<3<@bg', + popup: ':lighten<3<@panel', + accent: '#f9e2af', + header: ':alpha<0.7<@panel', + infoBg: '#313244', + infoFg: '#a6adc8', + renote: '#89b4fa', + shadow: 'rgba(0, 0, 0, 0.3)', + divider: 'rgba(255, 255, 255, 0.1)', + hashtag: '#74c7ec', + mention: '@accent', + modalBg: 'rgba(0, 0, 0, 0.5)', + success: '#a6e3a1', + buttonBg: 'rgba(255, 255, 255, 0.05)', + switchBg: 'rgba(255, 255, 255, 0.15)', + acrylicBg: ':alpha<0.5<@bg', + cwHoverBg: '#585b70', + indicator: '@accent', + mentionMe: '@mention', + messageBg: '@bg', + navActive: '@accent', + accentedBg: ':alpha<0.15<@accent', + codeNumber: '#a6e3a1', + codeString: '#fab387', + fgOnAccent: '#1e1e2e', + infoWarnBg: '#313244', + infoWarnFg: '#bac2de', + navHoverFg: ':lighten<17<@fg', + switchOnBg: '@accentedBg', + switchOnFg: '@accent', + codeBoolean: '@accent', + dateLabelFg: '@fg', + deckDivider: '#6c7086', + inputBorder: 'rgba(255, 255, 255, 0.1)', + panelBorder: 'solid 1px var(--divider)', + switchOffBg: 'rgba(255, 255, 255, 0.1)', + switchOffFg: '@fg', + accentDarken: ':darken<10<@accent', + acrylicPanel: ':alpha<0.5<@panel', + navIndicator: '@indicator', + windowHeader: ':alpha<0.85<@panel', + 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)', + }, + author: 'Catppuccin' +}