From 56f07cb5ec6e1a8dff87c8b6b59ea1c07b791032 Mon Sep 17 00:00:00 2001 From: Seaswimmer Date: Fri, 7 Jun 2024 15:47:07 -0400 Subject: [PATCH] add Catppuccin themes --- src/components/Theming.tsx | 12 ++++++++ src/lib/themes/catppuccin_frappe.ts | 39 ++++++++++++++++++++++++++ src/lib/themes/catppuccin_latte.ts | 39 ++++++++++++++++++++++++++ src/lib/themes/catppuccin_macchiato.ts | 39 ++++++++++++++++++++++++++ src/lib/themes/catppuccin_mocha.ts | 39 ++++++++++++++++++++++++++ 5 files changed, 168 insertions(+) create mode 100644 src/lib/themes/catppuccin_frappe.ts create mode 100644 src/lib/themes/catppuccin_latte.ts create mode 100644 src/lib/themes/catppuccin_macchiato.ts create mode 100644 src/lib/themes/catppuccin_mocha.ts diff --git a/src/components/Theming.tsx b/src/components/Theming.tsx index c5752dfa..bc6b8d8a 100644 --- a/src/components/Theming.tsx +++ b/src/components/Theming.tsx @@ -4,6 +4,10 @@ import { useEffect } from 'react'; import ayu_dark from 'lib/themes/ayu_dark'; import ayu_light from 'lib/themes/ayu_light'; import ayu_mirage from 'lib/themes/ayu_mirage'; +import catppuccin_mocha from 'lib/themes/catppuccin_mocha'; +import catppuccin_macchiato from 'lib/themes/catppuccin_macchiato'; +import catppuccin_frappe from 'lib/themes/catppuccin_frappe'; +import catppuccin_latte from 'lib/themes/catppuccin_latte'; import dark from 'lib/themes/dark'; import dark_blue from 'lib/themes/dark_blue'; import dracula from 'lib/themes/dracula'; @@ -32,6 +36,10 @@ export const themes = { ayu_dark, ayu_mirage, ayu_light, + catppuccin_mocha, + catppuccin_macchiato, + catppuccin_frappe, + catppuccin_latte, nord, dracula, matcha_dark_azul, @@ -46,6 +54,10 @@ export const friendlyThemeName = { ayu_dark: 'Ayu Dark', ayu_mirage: 'Ayu Mirage', ayu_light: 'Ayu Light', + catppuccin_mocha: 'Catppuccin Mocha', + catppuccin_macchiato: 'Catppuccin Macchiato', + catppuccin_frappe: 'Catppuccin Frappé', + catppuccin_latte: 'Catppuccin Latte', nord: 'Nord', dracula: 'Dracula', matcha_dark_azul: 'Matcha Dark Azul', diff --git a/src/lib/themes/catppuccin_frappe.ts b/src/lib/themes/catppuccin_frappe.ts new file mode 100644 index 00000000..01b5a27a --- /dev/null +++ b/src/lib/themes/catppuccin_frappe.ts @@ -0,0 +1,39 @@ +// https://github.com/SeaswimmerTheFsh +// https://catppuccin.com/pallete + +import createTheme from '.'; + +export default createTheme({ + colorScheme: 'dark', + primaryColor: 'blue', + other: { + AppShell_backgroundColor: '#232634', + hover: '#414559', + }, + colors: { + dark: [ + '#c6d0f5', + '#949cbb', + '#838ba7', + '#737994', + '#626880', + '#51576d', + '#414559', + '#303446', + '#292c3c', + '#232634', + ], + blue: [ + '#FFFFFF', + '#8caaee', + '#8caaee', + '#8caaee', + '#8caaee', + '#8caaee', + '#8caaee', + '#8caaee', + '#8caaee', + '#8caaee', + ], + }, +}); diff --git a/src/lib/themes/catppuccin_latte.ts b/src/lib/themes/catppuccin_latte.ts new file mode 100644 index 00000000..aa5789c0 --- /dev/null +++ b/src/lib/themes/catppuccin_latte.ts @@ -0,0 +1,39 @@ +// https://github.com/SeaswimmerTheFsh +// https://catppuccin.com/pallete + +import createTheme from '.'; + +export default createTheme({ + colorScheme: 'light', + primaryColor: 'blue', + other: { + AppShell_backgroundColor: '#dce0e8', + hover: '#ccd0da', + }, + colors: { + light: [ + '#4c4f69', + '#8c8fa1', + '#8c8fa1', + '#9ca0b0', + '#acb0be', + '#bcc0cc', + '#ccd0da', + '#eff1f5', + '#e6e9ef', + '#dce0e8', + ], + blue: [ + '#FFFFFF', + '#1e66f5', + '#1e66f5', + '#1e66f5', + '#1e66f5', + '#1e66f5', + '#1e66f5', + '#1e66f5', + '#1e66f5', + '#1e66f5', + ], + }, +}); diff --git a/src/lib/themes/catppuccin_macchiato.ts b/src/lib/themes/catppuccin_macchiato.ts new file mode 100644 index 00000000..98d7a0c4 --- /dev/null +++ b/src/lib/themes/catppuccin_macchiato.ts @@ -0,0 +1,39 @@ +// https://github.com/SeaswimmerTheFsh +// https://catppuccin.com/pallete + +import createTheme from '.'; + +export default createTheme({ + colorScheme: 'dark', + primaryColor: 'blue', + other: { + AppShell_backgroundColor: '#181926', + hover: '#363a4f', + }, + colors: { + dark: [ + '#cad3f5', + '#8087a2', + '#8087a2', + '#6e738d', + '#5b6078', + '#494d64', + '#363a4f', + '#24273a', + '#1e2030', + '#181926', + ], + blue: [ + '#FFFFFF', + '#8aadf4', + '#8aadf4', + '#8aadf4', + '#8aadf4', + '#8aadf4', + '#8aadf4', + '#8aadf4', + '#8aadf4', + '#8aadf4', + ], + }, +}); diff --git a/src/lib/themes/catppuccin_mocha.ts b/src/lib/themes/catppuccin_mocha.ts new file mode 100644 index 00000000..ddb6e071 --- /dev/null +++ b/src/lib/themes/catppuccin_mocha.ts @@ -0,0 +1,39 @@ +// https://github.com/SeaswimmerTheFsh +// https://catppuccin.com/pallete + +import createTheme from '.'; + +export default createTheme({ + colorScheme: 'dark', + primaryColor: 'blue', + other: { + AppShell_backgroundColor: '#11111b', + hover: '#313244', + }, + colors: { + dark: [ + '#cdd6f4', + '#9399b2', + '#7f849c', + '#6c7086', + '#585b70', + '#45475a', + '#313244', + '#1e1e2e', + '#181825', + '#11111b', + ], + blue: [ + '#FFFFFF', + '#89b4fa', + '#89b4fa', + '#89b4fa', + '#89b4fa', + '#89b4fa', + '#89b4fa', + '#89b4fa', + '#89b4fa', + '#89b4fa', + ], + }, +});