[Client] Add Monokai theme 🎨

src/client/app/theme.ts

@@ -18,6 +18,7 @@ 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 monokaiTheme: Theme = require('../theme/monokai.json5');
 
 export const builtinThemes = [
 	lightTheme,
@@ -27,7 +28,8 @@ export const builtinThemes = [
 	halloweenTheme,
 	cafeTheme,
 	japaneseSushiSetTheme,
-	gruvboxDarkTheme
+	gruvboxDarkTheme,
+	monokaiTheme
 ];
 
 export function applyTheme(theme: Theme, persisted = true) {

src/client/theme/monokai.json5

@@ -0,0 +1,24 @@
+{
+	id: 'fef11dc4-6b17-436e-b374-73282c44ddc0',
+
+	name: 'Monokai',
+	author: 'syuilo',
+
+	base: 'dark',
+
+	vars: {
+		primary: '#f92672',
+		secondary: '#272822',
+		text: '#f8f8f2',
+	},
+
+	props: {
+		renoteGradient: '#3f500f',
+		renoteText: '#a6e22e',
+		quoteBorder: '#a6e22e',
+		mfmMention: '#ae81ff',
+		mfmUrl: '#66d9ef',
+		mfmLink: '#e6db74',
+		mfmHashtag: '#fd971f'
+	},
+}