From b8c6e56aeb2b534496a4c79162b3e9d40248563f Mon Sep 17 00:00:00 2001
From: n1474335 <n1474335@gmail.com>
Date: Fri, 19 May 2017 13:24:24 +0100
Subject: [PATCH] Created Creating a new theme (markdown)

---
 Creating-a-new-theme.md | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 Creating-a-new-theme.md

diff --git a/Creating-a-new-theme.md b/Creating-a-new-theme.md
new file mode 100644
index 0000000..cbab7ac
--- /dev/null
+++ b/Creating-a-new-theme.md
@@ -0,0 +1,20 @@
+## How to create a new theme
+
+It's very easy to add a new theme, there are just a few simple steps:
+
+ 1. Add a new `<option>` element to `select#theme` in [`src/web/html/index.html`](https://github.com/gchq/CyberChef/blob/master/src/web/html/index.html) with the name of your theme.
+    
+    ```html
+    <option value="mytheme">My Theme</option>
+    ```
+
+ 2. Copy the contents of [`src/web/stylesheets/themes/_dark.css`](https://github.com/gchq/CyberChef/blob/master/src/web/stylesheets/themes/_dark.css) into a new file with the name of your theme i.e. `src/web/stylesheets/themes/_mytheme.css`.
+ 3. Modify the JSDoc comment appropriately.
+ 4. Change the class name attached to the `:root` selector to be the same as the value you gave the `<option>` tag in step 1.
+    
+    ```css
+    :root.mytheme {
+    ```
+
+ 5. Change the values of the CSS properties to modify the theme to your taste.
+ 6. [Submit a pull request!](https://github.com/gchq/CyberChef/wiki/Contributing)