Add some themes 🎨

src/client/theme.ts

@@ -23,6 +23,10 @@ export const builtinThemes = [
 	require('./themes/rainy.json5'),
 	require('./themes/urban.json5'),
 	require('./themes/cafe.json5'),
+	require('./themes/chocolate.json5'),
+	require('./themes/danboard.json5'),
+	require('./themes/military.json5'),
+	require('./themes/tweetdeck.json5'),
 ];
 
 let timeout = null;

src/client/themes/chocolate.json5

@@ -0,0 +1,20 @@
+{
+	id: 'bd6577b4-8154-4a2d-b7ce-7bf59f1fa3f5',
+
+	name: 'Chocolate',
+	author: 'syuilo',
+	desc: 'So sweet',
+
+	base: 'dark',
+
+	props: {
+		accent: 'rgb(199, 69, 32)',
+		bg: 'rgb(35, 25, 21)',
+		fg: 'rgb(216, 208, 199)',
+		panel: 'rgb(64, 39, 27)',
+		renote: '@accent',
+		link: '@accent',
+		mention: '@accent',
+		hashtag: '@accent',
+	},
+}

src/client/themes/danboard.json5

@@ -0,0 +1,22 @@
+{
+	id: '17587283-dd92-4a2c-a22c-be0637c9e22a',
+
+	name: 'Danboard',
+	author: 'syuilo',
+
+	base: 'light',
+
+	props: {
+		accent: 'rgb(218, 141, 49)',
+		bg: 'rgb(218, 212, 190)',
+		fg: 'rgb(115, 108, 92)',
+		panel: 'rgb(236, 232, 220)',
+		renote: 'rgb(100, 152, 106)',
+		link: 'rgb(100, 152, 106)',
+		mention: '@accent',
+		hashtag: 'rgb(100, 152, 106)',
+		header: 'rgba(239, 227, 213, 0.75)',
+		navBg: 'rgb(216, 206, 182)',
+		inputBorder: 'rgba(0, 0, 0, 0.1)',
+	},
+}

src/client/themes/military.json5

@@ -0,0 +1,22 @@
+{
+	id: '0d92cf9c-ed9e-42fe-b715-be4899f54d12',
+
+	name: 'Military',
+	author: 'syuilo',
+
+	base: 'light',
+
+	props: {
+		accent: 'rgb(158, 177, 95)',
+		bg: 'rgb(230, 230, 223)',
+		fg: 'rgb(103, 115, 92)',
+		panel: 'rgb(243, 241, 233)',
+		renote: '@accent',
+		link: '@accent',
+		mention: '@accent',
+		hashtag: '@accent',
+		header: 'rgba(211, 214, 200, 0.75)',
+		navBg: 'rgb(220, 219, 206)',
+		inputBorder: 'rgba(0, 0, 0, 0.1)',
+	},
+}

src/client/themes/tweetdeck.json5

@@ -0,0 +1,21 @@
+{
+	id: '7e5e263e-c6c1-44e4-a3d2-39198e3cddb8',
+
+	name: 'Tweet Deck',
+	author: 'simirall',
+	desc: 'Tweet like a pro.',
+
+	base: 'dark',
+
+	props: {
+		accent: '#1da1f2',
+		bg: '#10171E',
+		fg: '#fdfdfd',
+		panel: '#15202B',
+		header: 'rgba(20, 32, 43, 0.75)',
+		renote: '#17bf63',
+		link: '@accent',
+		mention: '@accent',
+		hashtag: '@accent',
+	},
+}