Added 'Catppuccin' Colorscheme (#55)

* Added 'Catppuccin' Colorscheme

Added Catppuccin Theme, Mocha (Dark Mode) and Latte (Light Mode).

* Put back catppuccin themes

---------

Co-authored-by: Chiyu Liang <[email protected]>

Author: L Lawliet

src/lib/themes/smilesDrawerThemes.ts

@@ -195,6 +195,36 @@ export const SDThemes: Record<string, SDTheme> = {
 		H: '#bdae93',
 		BACKGROUND: '#282828',
 	},
+	'catppuccin-dark': {
+		C: '#cdd6f4',
+		O: '#f38ba8',
+		N: '#89b4fa',
+		F: '#f9e2af',
+		CL: '#cba6f7',
+		BR: '#a6e3a1',
+		I: '#b4befe',
+		P: '#fab387',
+		S: '#f5e0dc',
+		B: '#eba0ac',
+		SI: '#89dceb',
+		H: '#94e2d5',
+		BACKGROUND: '#1e1e2e',
+	},
+	'catppuccin-light': {
+		C: '#4c4f69',
+		O: '#d20f39',
+		N: '#1e66f5',
+		F: '#df8e1d',
+		CL: '#8839ef',
+		BR: '#40a02b',
+		I: '#7287fd',
+		P: '#fe640b',
+		S: '#dc8a78',
+		B: '#e64553',
+		SI: '#04a5e5',
+		H: '#179299',
+		BACKGROUND: '#eff1f5',
+	},
 	custom: {
 		C: '#222',
 		O: '#e74c3c',

src/lib/themes/theme.ts

@@ -17,6 +17,8 @@ export const themeList = {
 	cyberpunk: 'Cyberpunk',
 	gruvbox: 'Gruvbox',
 	'gruvbox-dark': 'Gruvbox Dark',
+	'catppuccin-light': 'Catppuccin Latte',
+	'catppuccin-dark': 'Catppuccin Mocha',
 
 	// from RDKit
 	'rdkit-default': 'Light (RDKit)',