[Client] Add some themes 🎨

src/client/app/theme.ts

@@ -15,13 +15,19 @@ export const darkTheme: Theme = require('../theme/dark.json5');
 export const pinkTheme: Theme = require('../theme/pink.json5');
 export const blackTheme: Theme = require('../theme/black.json5');
 export const halloweenTheme: Theme = require('../theme/halloween.json5');
+export const cafeTheme: Theme = require('../theme/cafe.json5');
+export const japaneseSushiSetTheme: Theme = require('../theme/japanese-sushi-set.json5');
+export const gruvboxDarkTheme: Theme = require('../theme/gruvbox-dark.json5');
 
 export const builtinThemes = [
 	lightTheme,
 	darkTheme,
 	pinkTheme,
 	blackTheme,
-	halloweenTheme
+	halloweenTheme,
+	cafeTheme,
+	japaneseSushiSetTheme,
+	gruvboxDarkTheme
 ];
 
 export function applyTheme(theme: Theme, persisted = true) {

src/client/theme/cafe.json5

@@ -0,0 +1,20 @@
+{
+	id: '0ff48d43-aab3-46e7-ab12-8492110d2e2b',
+
+	name: 'Cafe',
+	author: 'syuilo',
+
+	base: 'light',
+
+	vars: {
+		primary: 'rgb(234, 154, 82)',
+		secondary: 'rgb(238, 236, 232)',
+		text: 'rgb(149, 143, 139)',
+	},
+
+	props: {
+		renoteGradient: '#ffe1c7',
+		renoteText: '$primary',
+		quoteBorder: '$primary',
+	},
+}

src/client/theme/gruvbox-dark.json5

@@ -0,0 +1,20 @@
+{
+	id: '0c6e70e2-a1ec-4053-9b1a-b6082fe016cb',
+
+	name: 'gruvbox dark',
+	author: 'syuilo',
+
+	base: 'dark',
+
+	vars: {
+		primary: 'rgb(215, 153, 33))',
+		secondary: 'rgb(40, 40, 40)',
+		text: 'rgb(235, 219, 178)',
+	},
+
+	props: {
+		renoteGradient: '#58581e',
+		renoteText: 'rgb(169, 174, 36)',
+		quoteBorder: 'rgb(169, 174, 36)',
+	},
+}

src/client/theme/japanese-sushi-set.json5

@@ -0,0 +1,20 @@
+{
+	id: '2b0a0654-cdb4-4c9a-8244-736b647d3c2a',
+
+	name: 'Japanese Sushi Set',
+	author: 'noizenecio & syuilo',
+
+	base: 'dark',
+
+	vars: {
+		primary: 'rgb(234, 136, 50))',
+		secondary: 'rgb(34, 36, 42)',
+		text: 'rgb(221, 209, 203)',
+	},
+
+	props: {
+		renoteGradient: '#6d3d14',
+		renoteText: '$primary',
+		quoteBorder: '$primary',
+	},
+}