From 7c9d69d4db444d01b0a5208872b151d43b5d2000 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sun, 30 Dec 2018 09:21:23 +0900
Subject: [PATCH] [Client] Add Monokai theme :art:

---
 src/client/app/theme.ts        |  4 +++-
 src/client/theme/monokai.json5 | 24 ++++++++++++++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 src/client/theme/monokai.json5

diff --git a/src/client/app/theme.ts b/src/client/app/theme.ts
index d53bad714..3a7627c50 100644
--- a/src/client/app/theme.ts
+++ b/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) {
diff --git a/src/client/theme/monokai.json5 b/src/client/theme/monokai.json5
new file mode 100644
index 000000000..859c1c234
--- /dev/null
+++ b/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'
+	},
+}