diff --git a/assets/css/theme/all-hallow-eve.css b/assets/css/theme/all-hallow-eve.css
new file mode 100644
index 0000000..67ab257
--- /dev/null
+++ b/assets/css/theme/all-hallow-eve.css
@@ -0,0 +1,59 @@
+.cm-s-all-hallow-eve {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #000000;
+	color: #FFFFFF;
+}
+.cm-s-all-hallow-eve .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-all-hallow-eve .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #000000;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-all-hallow-eve div.CodeMirror-cursor {
+	border-left: 3px solid #FFFFFF;
+}
+.cm-s-all-hallow-eve .CodeMirror-activeline-background {
+	background: #333300;
+}
+.cm-s-all-hallow-eve .CodeMirror-selected {
+	background: #73597EE0;
+}
+.cm-s-all-hallow-eve .cm-comment {
+	color: #9933CC;
+}
+.cm-s-all-hallow-eve .cm-keyword {
+	color: #CC7833;
+}
+.cm-s-all-hallow-eve .cm-def {
+	font-style: italic;
+}
+.cm-s-all-hallow-eve .cm-string {
+	color: #66CC33;
+}
+.cm-s-all-hallow-eve .cm-variable-2 {
+	text-decoration: underline;
+}
+.cm-s-all-hallow-eve .cm-property {
+	color: #C83730;
+}
+.cm-s-all-hallow-eve .cm-atom {
+	color: #C83730;
+}
+.cm-s-all-hallow-eve .cm-number {
+	color: #C83730;
+}
+.cm-s-all-hallow-eve .cm-operator {
+	color: #CC7833;
+}
+.cm-s-all-hallow-eve .CodeMirror-linenumber {
+	color: #9933CC;
+}
diff --git a/assets/css/theme/amy.css b/assets/css/theme/amy.css
new file mode 100644
index 0000000..284d81e
--- /dev/null
+++ b/assets/css/theme/amy.css
@@ -0,0 +1,59 @@
+.cm-s-amy {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #200020;
+	color: #D0D0FF;
+}
+.cm-s-amy .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-amy .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #200020;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-amy div.CodeMirror-cursor {
+	border-left: 3px solid #D0D0FF;
+}
+.cm-s-amy .CodeMirror-activeline-background {
+	background: #80000040;
+}
+.cm-s-amy .CodeMirror-selected {
+	background: #80000080;
+}
+.cm-s-amy .cm-string {
+	color: #999999;
+}
+.cm-s-amy .cm-atom {
+	color: null;
+}
+.cm-s-amy .cm-number {
+	color: null;
+}
+.cm-s-amy .cm-keyword {
+	color: #A080FF;
+}
+.cm-s-amy .cm-variable {
+	color: #50A0A0;
+}
+.cm-s-amy .cm-def {
+	color: #80B0B0;
+}
+.cm-s-amy .cm-variable-2 {
+	color: #009090;
+}
+.cm-s-amy .cm-property {
+	color: null;
+}
+.cm-s-amy .cm-operator {
+	color: #A080FF;
+}
+.cm-s-amy .CodeMirror-linenumber {
+	color: null;
+}
diff --git a/assets/css/theme/argonaut.css b/assets/css/theme/argonaut.css
new file mode 100644
index 0000000..fe0d091
--- /dev/null
+++ b/assets/css/theme/argonaut.css
@@ -0,0 +1,63 @@
+.cm-s-argonaut {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #151515;
+	color: #B2B2B2;
+}
+.cm-s-argonaut .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-argonaut .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #151515;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-argonaut div.CodeMirror-cursor {
+	border-left: 3px solid #B2B2B2;
+}
+.cm-s-argonaut .CodeMirror-activeline-background {
+	background: #000C16;
+}
+.cm-s-argonaut .CodeMirror-selected {
+	background: #002F53;
+}
+.cm-s-argonaut .cm-comment {
+	font-style: italic;
+	color: #00A6FF;
+}
+.cm-s-argonaut .cm-string {
+	color: #6497C5;
+}
+.cm-s-argonaut .cm-number {
+	color: #815DB3;
+}
+.cm-s-argonaut .cm-variable {
+	color: #FFCA00;
+}
+.cm-s-argonaut .cm-def {
+	font-style: italic;
+}
+.cm-s-argonaut .cm-property {
+	color: #815DB3;
+}
+.cm-s-argonaut .cm-variable-2 {
+	color: #0065D3;
+}
+.cm-s-argonaut .cm-atom {
+	color: #815DB3;
+}
+.cm-s-argonaut .cm-keyword {
+	color: null;
+}
+.cm-s-argonaut .cm-operator {
+	color: null;
+}
+.cm-s-argonaut .CodeMirror-linenumber {
+	color: italic;
+}
diff --git a/assets/css/theme/black-pearl-ii.css b/assets/css/theme/black-pearl-ii.css
new file mode 100644
index 0000000..3d66a3c
--- /dev/null
+++ b/assets/css/theme/black-pearl-ii.css
@@ -0,0 +1,61 @@
+.cm-s-black-pearl-ii {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #000000;
+	color: #FFFFFF;
+}
+.cm-s-black-pearl-ii .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-black-pearl-ii .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #000000;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-black-pearl-ii div.CodeMirror-cursor {
+	border-left: 3px solid #FFFFFF;
+}
+.cm-s-black-pearl-ii .CodeMirror-activeline-background {
+	background: #FFFFFF0D;
+}
+.cm-s-black-pearl-ii .CodeMirror-selected {
+	background: #FFFFFF26;
+}
+.cm-s-black-pearl-ii .cm-comment {
+	font-style: italic;
+	color: #428BDD;
+}
+.cm-s-black-pearl-ii .cm-atom {
+	color: null;
+}
+.cm-s-black-pearl-ii .cm-def {
+	font-style: italic;
+	color: #8AA6C1;
+}
+.cm-s-black-pearl-ii .cm-string {
+	color: #CC66FF;
+}
+.cm-s-black-pearl-ii .cm-number {
+	color: null;
+}
+.cm-s-black-pearl-ii .cm-variable-2 {
+	color: #FFFFFF;
+}
+.cm-s-black-pearl-ii .cm-property {
+	color: null;
+}
+.cm-s-black-pearl-ii .cm-keyword {
+	color: null;
+}
+.cm-s-black-pearl-ii .cm-operator {
+	color: null;
+}
+.cm-s-black-pearl-ii .CodeMirror-linenumber {
+	color: italic;
+}
diff --git a/assets/css/theme/chrome-devtools.css b/assets/css/theme/chrome-devtools.css
new file mode 100644
index 0000000..410572e
--- /dev/null
+++ b/assets/css/theme/chrome-devtools.css
@@ -0,0 +1,62 @@
+.cm-s-chrome-devtools {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #FFFFFF;
+	color: #000000;
+}
+.cm-s-chrome-devtools .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-chrome-devtools .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #FFFFFF;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-chrome-devtools div.CodeMirror-cursor {
+	border-left: 3px solid #000000;
+}
+.cm-s-chrome-devtools .CodeMirror-activeline-background {
+	background: #0000001A;
+}
+.cm-s-chrome-devtools .CodeMirror-selected {
+	background: #BAD6FD;
+}
+.cm-s-chrome-devtools .cm-string {
+	color: #C41A16;
+}
+.cm-s-chrome-devtools .cm-number {
+	color: null;
+}
+.cm-s-chrome-devtools .cm-keyword {
+	color: #AA0D91;
+}
+.cm-s-chrome-devtools .cm-atom {
+	color: null;
+}
+.cm-s-chrome-devtools .cm-variable {
+	color: #000000;
+}
+.cm-s-chrome-devtools .cm-def {
+	font-style: italic;
+}
+.cm-s-chrome-devtools .cm-comment {
+	color: #007400;
+}
+.cm-s-chrome-devtools .cm-variable-2 {
+	color: #881280;
+}
+.cm-s-chrome-devtools .cm-property {
+	color: null;
+}
+.cm-s-chrome-devtools .cm-operator {
+	color: #AA0D91;
+}
+.cm-s-chrome-devtools .CodeMirror-linenumber {
+	color: #007400;
+}
diff --git a/assets/css/theme/clouds-midnight.css b/assets/css/theme/clouds-midnight.css
new file mode 100644
index 0000000..b4c5dcd
--- /dev/null
+++ b/assets/css/theme/clouds-midnight.css
@@ -0,0 +1,56 @@
+.cm-s-clouds-midnight {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #191919;
+	color: #929292;
+}
+.cm-s-clouds-midnight .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-clouds-midnight .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #191919;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-clouds-midnight div.CodeMirror-cursor {
+	border-left: 3px solid #929292;
+}
+.cm-s-clouds-midnight .CodeMirror-activeline-background {
+	background: #D7D7D708;
+}
+.cm-s-clouds-midnight .CodeMirror-selected {
+	background: #000000;
+}
+.cm-s-clouds-midnight .cm-comment {
+	color: #3C403B;
+}
+.cm-s-clouds-midnight .cm-string {
+	color: #5D90CD;
+}
+.cm-s-clouds-midnight .cm-number {
+	color: #E92E2E;
+}
+.cm-s-clouds-midnight .cm-atom {
+	color: #E92E2E;
+}
+.cm-s-clouds-midnight .cm-variable-2 {
+	color: #606060;
+}
+.cm-s-clouds-midnight .cm-property {
+	color: #E92E2E;
+}
+.cm-s-clouds-midnight .cm-keyword {
+	color: null;
+}
+.cm-s-clouds-midnight .cm-operator {
+	color: null;
+}
+.cm-s-clouds-midnight .CodeMirror-linenumber {
+	color: #3C403B;
+}
diff --git a/assets/css/theme/darkpastel.css b/assets/css/theme/darkpastel.css
new file mode 100644
index 0000000..ea07cfb
--- /dev/null
+++ b/assets/css/theme/darkpastel.css
@@ -0,0 +1,63 @@
+.cm-s-darkpastel {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #2a2a2a;
+	color: #ffffff;
+}
+.cm-s-darkpastel .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-darkpastel .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #2a2a2a;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-darkpastel div.CodeMirror-cursor {
+	border-left: 3px solid #ffffff;
+}
+.cm-s-darkpastel .CodeMirror-activeline-background {
+	background: #3E3D32;
+}
+.cm-s-darkpastel .CodeMirror-selected {
+	background: #237CC4;
+}
+.cm-s-darkpastel .cm-comment {
+	color: #B8FF9A;
+}
+.cm-s-darkpastel .cm-string {
+	color: #FF9F9A;
+}
+.cm-s-darkpastel .cm-number {
+	color: #66D9EF;
+}
+.cm-s-darkpastel .cm-atom {
+	color: #66D9EF;
+}
+.cm-s-darkpastel .cm-variable {
+	color: #A6E22E;
+}
+.cm-s-darkpastel .cm-def {
+	font-style: italic;
+	color: #FD971F;
+}
+.cm-s-darkpastel .cm-variable-2 {
+	color: #F29C00;
+}
+.cm-s-darkpastel .cm-property {
+	color: #66D9EF;
+}
+.cm-s-darkpastel .cm-keyword {
+	color: null;
+}
+.cm-s-darkpastel .cm-operator {
+	color: null;
+}
+.cm-s-darkpastel .CodeMirror-linenumber {
+	color: #B8FF9A;
+}
diff --git a/assets/css/theme/django.css b/assets/css/theme/django.css
new file mode 100644
index 0000000..121c329
--- /dev/null
+++ b/assets/css/theme/django.css
@@ -0,0 +1,54 @@
+.cm-s-django {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #0B2F20;
+	color: #F8F8F8;
+}
+.cm-s-django .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-django .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #0B2F20;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-django div.CodeMirror-cursor {
+	border-left: 3px solid #F8F8F8;
+}
+.cm-s-django .CodeMirror-activeline-background {
+	background: #0000004A;
+}
+.cm-s-django .CodeMirror-selected {
+	background: #245032;
+}
+.cm-s-django .cm-comment {
+	font-style: italic;
+	color: #245032;
+}
+.cm-s-django .cm-keyword {
+	color: #96DD3B;
+}
+.cm-s-django .cm-string {
+	color: #91BB9E;
+}
+.cm-s-django .cm-property {
+	color: #FFB454;
+}
+.cm-s-django .cm-atom {
+	color: #FFB454;
+}
+.cm-s-django .cm-number {
+	color: #FFB454;
+}
+.cm-s-django .cm-operator {
+	color: #96DD3B;
+}
+.cm-s-django .CodeMirror-linenumber {
+	color: italic;
+}
diff --git a/assets/css/theme/eiffel.css b/assets/css/theme/eiffel.css
new file mode 100644
index 0000000..c04e8d3
--- /dev/null
+++ b/assets/css/theme/eiffel.css
@@ -0,0 +1,58 @@
+.cm-s-eiffel {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #FFFFFF;
+	color: #000000;
+}
+.cm-s-eiffel .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-eiffel .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #FFFFFF;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-eiffel div.CodeMirror-cursor {
+	border-left: 3px solid #000000;
+}
+.cm-s-eiffel .CodeMirror-activeline-background {
+	background: #00000012;
+}
+.cm-s-eiffel .CodeMirror-selected {
+	background: #C3DCFF;
+}
+.cm-s-eiffel .cm-comment {
+	color: #00B418;
+}
+.cm-s-eiffel .cm-keyword {
+	color: #0100B6;
+}
+.cm-s-eiffel .cm-number {
+	font-style: italic;
+	color: #3C4C72;
+}
+.cm-s-eiffel .cm-atom {
+	font-style: italic;
+	color: #3C4C72;
+}
+.cm-s-eiffel .cm-string {
+	color: #D80800;
+}
+.cm-s-eiffel .cm-def {
+	font-style: italic;
+}
+.cm-s-eiffel .cm-property {
+	color: #3C4C72;
+}
+.cm-s-eiffel .cm-operator {
+	color: #0100B6;
+}
+.cm-s-eiffel .CodeMirror-linenumber {
+	color: #00B418;
+}
diff --git a/assets/css/theme/emacs-strict.css b/assets/css/theme/emacs-strict.css
new file mode 100644
index 0000000..415a53d
--- /dev/null
+++ b/assets/css/theme/emacs-strict.css
@@ -0,0 +1,59 @@
+.cm-s-emacs-strict {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #000000EB;
+	color: #D3D3D3;
+}
+.cm-s-emacs-strict .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-emacs-strict .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #000000EB;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-emacs-strict div.CodeMirror-cursor {
+	border-left: 3px solid #D3D3D3;
+}
+.cm-s-emacs-strict .CodeMirror-activeline-background {
+	background: #16012BEB;
+}
+.cm-s-emacs-strict .CodeMirror-selected {
+	background: #001DC3EB;
+}
+.cm-s-emacs-strict .cm-comment {
+	color: #FF7D27;
+}
+.cm-s-emacs-strict .cm-string {
+	color: #FF9E7B;
+}
+.cm-s-emacs-strict .cm-variable {
+	color: #81CEF9;
+}
+.cm-s-emacs-strict .cm-variable-2 {
+	color: #9CCFF4;
+}
+.cm-s-emacs-strict .cm-property {
+	color: null;
+}
+.cm-s-emacs-strict .cm-atom {
+	color: null;
+}
+.cm-s-emacs-strict .cm-number {
+	color: null;
+}
+.cm-s-emacs-strict .cm-keyword {
+	color: null;
+}
+.cm-s-emacs-strict .cm-operator {
+	color: null;
+}
+.cm-s-emacs-strict .CodeMirror-linenumber {
+	color: #FF7D27;
+}
diff --git a/assets/css/theme/fade-to-grey.css b/assets/css/theme/fade-to-grey.css
new file mode 100644
index 0000000..0437727
--- /dev/null
+++ b/assets/css/theme/fade-to-grey.css
@@ -0,0 +1,59 @@
+.cm-s-fade-to-grey {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #000000;
+	color: #FFFFFF;
+}
+.cm-s-fade-to-grey .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-fade-to-grey .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #000000;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-fade-to-grey div.CodeMirror-cursor {
+	border-left: 3px solid #FFFFFF;
+}
+.cm-s-fade-to-grey .CodeMirror-activeline-background {
+	background: #3A3A007A;
+}
+.cm-s-fade-to-grey .CodeMirror-selected {
+	background: #4A8CDBB3;
+}
+.cm-s-fade-to-grey .cm-comment {
+	color: #696854;
+}
+.cm-s-fade-to-grey .cm-keyword {
+	color: #D01D33;
+}
+.cm-s-fade-to-grey .cm-variable {
+	color: #AAAAAA;
+}
+.cm-s-fade-to-grey .cm-def {
+	color: #C3C3C3;
+}
+.cm-s-fade-to-grey .cm-string {
+	color: #E3E658;
+}
+.cm-s-fade-to-grey .cm-property {
+	color: #CBC3B1;
+}
+.cm-s-fade-to-grey .cm-atom {
+	color: #CBC3B1;
+}
+.cm-s-fade-to-grey .cm-number {
+	color: #CBC3B1;
+}
+.cm-s-fade-to-grey .cm-operator {
+	color: #D01D33;
+}
+.cm-s-fade-to-grey .CodeMirror-linenumber {
+	color: #696854;
+}
diff --git a/assets/css/theme/fake.css b/assets/css/theme/fake.css
new file mode 100644
index 0000000..2fe0765
--- /dev/null
+++ b/assets/css/theme/fake.css
@@ -0,0 +1,54 @@
+.cm-s-fake {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #010304;
+	color: #FFEDC5;
+}
+.cm-s-fake .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-fake .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #010304;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-fake div.CodeMirror-cursor {
+	border-left: 3px solid #FFEDC5;
+}
+.cm-s-fake .CodeMirror-activeline-background {
+	background: #FFFFFF0D;
+}
+.cm-s-fake .CodeMirror-selected {
+	background: #DDF0FF33;
+}
+.cm-s-fake .cm-comment {
+	font-style: italic;
+	color: #8E8D93;
+}
+.cm-s-fake .cm-keyword {
+	color: #FF4A1A;
+}
+.cm-s-fake .cm-string {
+	color: #FF9924;
+}
+.cm-s-fake .cm-property {
+	color: #DAD085;
+}
+.cm-s-fake .cm-atom {
+	color: #DAD085;
+}
+.cm-s-fake .cm-number {
+	color: #DAD085;
+}
+.cm-s-fake .cm-operator {
+	color: #FF4A1A;
+}
+.cm-s-fake .CodeMirror-linenumber {
+	color: italic;
+}
diff --git a/assets/css/theme/friendship-bracelet.css b/assets/css/theme/friendship-bracelet.css
new file mode 100644
index 0000000..da903f3
--- /dev/null
+++ b/assets/css/theme/friendship-bracelet.css
@@ -0,0 +1,62 @@
+.cm-s-friendship-bracelet {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #1F1F1F;
+	color: #F1F1F1;
+}
+.cm-s-friendship-bracelet .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-friendship-bracelet .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #1F1F1F;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-friendship-bracelet div.CodeMirror-cursor {
+	border-left: 3px solid #F1F1F1;
+}
+.cm-s-friendship-bracelet .CodeMirror-activeline-background {
+	background: #404040;
+}
+.cm-s-friendship-bracelet .CodeMirror-selected {
+	background: #73597EE0;
+}
+.cm-s-friendship-bracelet .cm-comment {
+	color: #8A8988;
+}
+.cm-s-friendship-bracelet .cm-keyword {
+	color: #FF8C56;
+}
+.cm-s-friendship-bracelet .cm-variable {
+	color: #389AD9;
+}
+.cm-s-friendship-bracelet .cm-def {
+	font-style: italic;
+}
+.cm-s-friendship-bracelet .cm-string {
+	color: #F3F99A;
+}
+.cm-s-friendship-bracelet .cm-variable-2 {
+	color: #FC8C56;
+}
+.cm-s-friendship-bracelet .cm-property {
+	color: #FF6666;
+}
+.cm-s-friendship-bracelet .cm-atom {
+	color: #FF6666;
+}
+.cm-s-friendship-bracelet .cm-number {
+	color: #FF6666;
+}
+.cm-s-friendship-bracelet .cm-operator {
+	color: #FF8C56;
+}
+.cm-s-friendship-bracelet .CodeMirror-linenumber {
+	color: #8A8988;
+}
diff --git a/assets/css/theme/glitterbomb.css b/assets/css/theme/glitterbomb.css
new file mode 100644
index 0000000..84c46f8
--- /dev/null
+++ b/assets/css/theme/glitterbomb.css
@@ -0,0 +1,54 @@
+.cm-s-glitterbomb {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #0B0A0A;
+	color: #CFCFCF;
+}
+.cm-s-glitterbomb .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-glitterbomb .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #0B0A0A;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-glitterbomb div.CodeMirror-cursor {
+	border-left: 3px solid #CFCFCF;
+}
+.cm-s-glitterbomb .CodeMirror-activeline-background {
+	background: #F8F8F8;
+}
+.cm-s-glitterbomb .CodeMirror-selected {
+	background: #FFFFFF59;
+}
+.cm-s-glitterbomb .cm-comment {
+	font-style: italic;
+	color: #44444E;
+}
+.cm-s-glitterbomb .cm-keyword {
+	color: #DBB800;
+}
+.cm-s-glitterbomb .cm-number {
+	color: #935E29;
+}
+.cm-s-glitterbomb .cm-string {
+	color: #4D6537;
+}
+.cm-s-glitterbomb .cm-property {
+	color: #935E29;
+}
+.cm-s-glitterbomb .cm-atom {
+	color: #935E29;
+}
+.cm-s-glitterbomb .cm-operator {
+	color: #DBB800;
+}
+.cm-s-glitterbomb .CodeMirror-linenumber {
+	color: italic;
+}
diff --git a/assets/css/theme/idle.css b/assets/css/theme/idle.css
new file mode 100644
index 0000000..71a5deb
--- /dev/null
+++ b/assets/css/theme/idle.css
@@ -0,0 +1,56 @@
+.cm-s-idle {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #FFFFFF;
+	color: #000000;
+}
+.cm-s-idle .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-idle .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #FFFFFF;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-idle div.CodeMirror-cursor {
+	border-left: 3px solid #000000;
+}
+.cm-s-idle .CodeMirror-activeline-background {
+	background: #00000012;
+}
+.cm-s-idle .CodeMirror-selected {
+	background: #BAD6FD;
+}
+.cm-s-idle .cm-comment {
+	color: #919191;
+}
+.cm-s-idle .cm-string {
+	color: #00A33F;
+}
+.cm-s-idle .cm-atom {
+	color: #A535AE;
+}
+.cm-s-idle .cm-keyword {
+	color: #FF5600;
+}
+.cm-s-idle .cm-variable {
+	color: #21439C;
+}
+.cm-s-idle .cm-property {
+	color: #A535AE;
+}
+.cm-s-idle .cm-number {
+	color: #A535AE;
+}
+.cm-s-idle .cm-operator {
+	color: #FF5600;
+}
+.cm-s-idle .CodeMirror-linenumber {
+	color: #919191;
+}
diff --git a/assets/css/theme/idlefingers.css b/assets/css/theme/idlefingers.css
new file mode 100644
index 0000000..825d059
--- /dev/null
+++ b/assets/css/theme/idlefingers.css
@@ -0,0 +1,57 @@
+.cm-s-idlefingers {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #323232;
+	color: #FFFFFF;
+}
+.cm-s-idlefingers .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-idlefingers .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #323232;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-idlefingers div.CodeMirror-cursor {
+	border-left: 3px solid #FFFFFF;
+}
+.cm-s-idlefingers .CodeMirror-activeline-background {
+	background: #343536;
+}
+.cm-s-idlefingers .CodeMirror-selected {
+	background: #5A647EE0;
+}
+.cm-s-idlefingers .cm-comment {
+	font-style: italic;
+	color: #BC9458;
+}
+.cm-s-idlefingers .cm-keyword {
+	color: #CC7833;
+}
+.cm-s-idlefingers .cm-def {
+	font-style: italic;
+}
+.cm-s-idlefingers .cm-string {
+	color: #A5C261;
+}
+.cm-s-idlefingers .cm-property {
+	color: #B83426;
+}
+.cm-s-idlefingers .cm-atom {
+	color: #B83426;
+}
+.cm-s-idlefingers .cm-number {
+	color: #B83426;
+}
+.cm-s-idlefingers .cm-operator {
+	color: #CC7833;
+}
+.cm-s-idlefingers .CodeMirror-linenumber {
+	color: italic;
+}
diff --git a/assets/css/theme/iplastic.css b/assets/css/theme/iplastic.css
new file mode 100644
index 0000000..b54fa9e
--- /dev/null
+++ b/assets/css/theme/iplastic.css
@@ -0,0 +1,60 @@
+.cm-s-iplastic {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #EEEEEEEB;
+	color: #000000;
+}
+.cm-s-iplastic .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-iplastic .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #EEEEEEEB;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-iplastic div.CodeMirror-cursor {
+	border-left: 3px solid #000000;
+}
+.cm-s-iplastic .CodeMirror-activeline-background {
+	background: #0000001A;
+}
+.cm-s-iplastic .CodeMirror-selected {
+	background: #BAD6FD;
+}
+.cm-s-iplastic .cm-string {
+	color: #009933;
+}
+.cm-s-iplastic .cm-number {
+	color: null;
+}
+.cm-s-iplastic .cm-keyword {
+	color: #0000FF;
+}
+.cm-s-iplastic .cm-atom {
+	color: null;
+}
+.cm-s-iplastic .cm-variable {
+	color: #FF8000;
+}
+.cm-s-iplastic .cm-def {
+	font-style: italic;
+}
+.cm-s-iplastic .cm-comment {
+	font-style: italic;
+	color: #0066FF;
+}
+.cm-s-iplastic .cm-property {
+	color: null;
+}
+.cm-s-iplastic .cm-operator {
+	color: #0000FF;
+}
+.cm-s-iplastic .CodeMirror-linenumber {
+	color: italic;
+}
diff --git a/assets/css/theme/ir_black.css b/assets/css/theme/ir_black.css
new file mode 100644
index 0000000..aeb7ed1
--- /dev/null
+++ b/assets/css/theme/ir_black.css
@@ -0,0 +1,53 @@
+.cm-s-ir_black {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #000000;
+	color: #EDEDED;
+}
+.cm-s-ir_black .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-ir_black .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #000000;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-ir_black div.CodeMirror-cursor {
+	border-left: 3px solid #EDEDED;
+}
+.cm-s-ir_black .CodeMirror-activeline-background {
+	background: #FFFFFF24;
+}
+.cm-s-ir_black .CodeMirror-selected {
+	background: #333333;
+}
+.cm-s-ir_black .cm-comment {
+	color: #7C7C7C;
+}
+.cm-s-ir_black .cm-keyword {
+	color: #96CBFE;
+}
+.cm-s-ir_black .cm-string {
+	color: #A8FF60;
+}
+.cm-s-ir_black .cm-number {
+	color: #DAD085;
+}
+.cm-s-ir_black .cm-property {
+	color: #DAD085;
+}
+.cm-s-ir_black .cm-atom {
+	color: #DAD085;
+}
+.cm-s-ir_black .cm-operator {
+	color: #96CBFE;
+}
+.cm-s-ir_black .CodeMirror-linenumber {
+	color: #7C7C7C;
+}
diff --git a/assets/css/theme/ir_white.css b/assets/css/theme/ir_white.css
new file mode 100644
index 0000000..af617c2
--- /dev/null
+++ b/assets/css/theme/ir_white.css
@@ -0,0 +1,53 @@
+.cm-s-ir_white {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #FFFFFF;
+	color: #010101;
+}
+.cm-s-ir_white .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-ir_white .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #FFFFFF;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-ir_white div.CodeMirror-cursor {
+	border-left: 3px solid #010101;
+}
+.cm-s-ir_white .CodeMirror-activeline-background {
+	background: #FFFFFF0D;
+}
+.cm-s-ir_white .CodeMirror-selected {
+	background: #E0E0ED;
+}
+.cm-s-ir_white .cm-comment {
+	color: #898989;
+}
+.cm-s-ir_white .cm-keyword {
+	color: #016692;
+}
+.cm-s-ir_white .cm-string {
+	color: #009F78;
+}
+.cm-s-ir_white .cm-number {
+	color: #7A7025;
+}
+.cm-s-ir_white .cm-property {
+	color: #7A7025;
+}
+.cm-s-ir_white .cm-atom {
+	color: #7A7025;
+}
+.cm-s-ir_white .cm-operator {
+	color: #016692;
+}
+.cm-s-ir_white .CodeMirror-linenumber {
+	color: #898989;
+}
diff --git a/assets/css/theme/johnny.css b/assets/css/theme/johnny.css
new file mode 100644
index 0000000..9b87ace
--- /dev/null
+++ b/assets/css/theme/johnny.css
@@ -0,0 +1,53 @@
+.cm-s-johnny {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #FFFFFF;
+	color: #010101;
+}
+.cm-s-johnny .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-johnny .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #FFFFFF;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-johnny div.CodeMirror-cursor {
+	border-left: 3px solid #010101;
+}
+.cm-s-johnny .CodeMirror-activeline-background {
+	background: #ECDE0021;
+}
+.cm-s-johnny .CodeMirror-selected {
+	background: #C8C8D3;
+}
+.cm-s-johnny .cm-comment {
+	color: #898989;
+}
+.cm-s-johnny .cm-keyword {
+	color: #016692;
+}
+.cm-s-johnny .cm-string {
+	color: #008D6B;
+}
+.cm-s-johnny .cm-number {
+	color: #7A7025;
+}
+.cm-s-johnny .cm-property {
+	color: #7A7025;
+}
+.cm-s-johnny .cm-atom {
+	color: #7A7025;
+}
+.cm-s-johnny .cm-operator {
+	color: #016692;
+}
+.cm-s-johnny .CodeMirror-linenumber {
+	color: #898989;
+}
diff --git a/assets/css/theme/juicy.css b/assets/css/theme/juicy.css
new file mode 100644
index 0000000..22a9931
--- /dev/null
+++ b/assets/css/theme/juicy.css
@@ -0,0 +1,60 @@
+.cm-s-juicy {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #F1F1F1;
+	color: #000000;
+}
+.cm-s-juicy .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-juicy .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #F1F1F1;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-juicy div.CodeMirror-cursor {
+	border-left: 3px solid #000000;
+}
+.cm-s-juicy .CodeMirror-activeline-background {
+	background: #00000012;
+}
+.cm-s-juicy .CodeMirror-selected {
+	background: #A9C9FF;
+}
+.cm-s-juicy .cm-comment {
+	font-style: italic;
+	color: #999999;
+}
+.cm-s-juicy .cm-string {
+	color: #FF6600;
+}
+.cm-s-juicy .cm-number {
+	color: #CC0000;
+}
+.cm-s-juicy .cm-keyword {
+	color: #993300;
+}
+.cm-s-juicy .cm-variable {
+	color: #FF0000;
+}
+.cm-s-juicy .cm-variable-2 {
+	color: #FF0000;
+}
+.cm-s-juicy .cm-property {
+	color: #CC0000;
+}
+.cm-s-juicy .cm-atom {
+	color: #CC0000;
+}
+.cm-s-juicy .cm-operator {
+	color: #993300;
+}
+.cm-s-juicy .CodeMirror-linenumber {
+	color: italic;
+}
diff --git a/assets/css/theme/krtheme.css b/assets/css/theme/krtheme.css
new file mode 100644
index 0000000..a4d8788
--- /dev/null
+++ b/assets/css/theme/krtheme.css
@@ -0,0 +1,51 @@
+.cm-s-krtheme {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #0B0A09;
+	color: #FCFFE0;
+}
+.cm-s-krtheme .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-krtheme .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #0B0A09;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-krtheme div.CodeMirror-cursor {
+	border-left: 3px solid #FCFFE0;
+}
+.cm-s-krtheme .CodeMirror-activeline-background {
+	background: #38403D;
+}
+.cm-s-krtheme .CodeMirror-selected {
+	background: #AA00FF73;
+}
+.cm-s-krtheme .cm-keyword {
+	color: #949C8B;
+}
+.cm-s-krtheme .cm-comment {
+	font-style: italic;
+	color: #706D5B;
+}
+.cm-s-krtheme .cm-property {
+	color: #85873A;
+}
+.cm-s-krtheme .cm-atom {
+	color: #85873A;
+}
+.cm-s-krtheme .cm-number {
+	color: #85873A;
+}
+.cm-s-krtheme .cm-operator {
+	color: #949C8B;
+}
+.cm-s-krtheme .CodeMirror-linenumber {
+	color: italic;
+}
diff --git a/assets/css/theme/lowlight.css b/assets/css/theme/lowlight.css
new file mode 100644
index 0000000..19991cd
--- /dev/null
+++ b/assets/css/theme/lowlight.css
@@ -0,0 +1,58 @@
+.cm-s-lowlight {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #1E1E1E;
+	color: #CACACA;
+}
+.cm-s-lowlight .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-lowlight .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #1E1E1E;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-lowlight div.CodeMirror-cursor {
+	border-left: 3px solid #CACACA;
+}
+.cm-s-lowlight .CodeMirror-activeline-background {
+	background: #00000014;
+}
+.cm-s-lowlight .CodeMirror-selected {
+	background: #68729B29;
+}
+.cm-s-lowlight .cm-comment {
+	font-style: italic;
+	color: #3C5636;
+	background: #112B0A1A;
+}
+.cm-s-lowlight .cm-keyword {
+	color: #8F8D17;
+}
+.cm-s-lowlight .cm-string {
+	color: #A57C5C;
+}
+.cm-s-lowlight .cm-property {
+	color: #EDD34D;
+}
+.cm-s-lowlight .cm-variable-2 {
+	color: #BAA827;
+}
+.cm-s-lowlight .cm-atom {
+	color: #EDD34D;
+}
+.cm-s-lowlight .cm-number {
+	color: #EDD34D;
+}
+.cm-s-lowlight .cm-operator {
+	color: #8F8D17;
+}
+.cm-s-lowlight .CodeMirror-linenumber {
+	color: italic;
+}
diff --git a/assets/css/theme/made-of-code.css b/assets/css/theme/made-of-code.css
new file mode 100644
index 0000000..6a5c27e
--- /dev/null
+++ b/assets/css/theme/made-of-code.css
@@ -0,0 +1,55 @@
+.cm-s-made-of-code {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #090916F2;
+	color: #F8F8F8;
+}
+.cm-s-made-of-code .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-made-of-code .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #090916F2;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-made-of-code div.CodeMirror-cursor {
+	border-left: 3px solid #F8F8F8;
+}
+.cm-s-made-of-code .CodeMirror-activeline-background {
+	background: #00000000;
+}
+.cm-s-made-of-code .CodeMirror-selected {
+	background: #007DFF80;
+}
+.cm-s-made-of-code .cm-comment {
+	color: #54576B;
+	background: #00000000;
+}
+.cm-s-made-of-code .cm-keyword {
+	color: #FF3854;
+}
+.cm-s-made-of-code .cm-string {
+	color: #8FFF58;
+	background: #102622FA;
+}
+.cm-s-made-of-code .cm-property {
+	color: #F1D950;
+}
+.cm-s-made-of-code .cm-atom {
+	color: #F1D950;
+}
+.cm-s-made-of-code .cm-number {
+	color: #F1D950;
+}
+.cm-s-made-of-code .cm-operator {
+	color: #FF3854;
+}
+.cm-s-made-of-code .CodeMirror-linenumber {
+	color: #54576B;
+}
diff --git a/assets/css/theme/monoindustrial.css b/assets/css/theme/monoindustrial.css
new file mode 100644
index 0000000..1dda17f
--- /dev/null
+++ b/assets/css/theme/monoindustrial.css
@@ -0,0 +1,57 @@
+.cm-s-monoindustrial {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #222C28;
+	color: #FFFFFF;
+}
+.cm-s-monoindustrial .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-monoindustrial .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #222C28;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-monoindustrial div.CodeMirror-cursor {
+	border-left: 3px solid #FFFFFF;
+}
+.cm-s-monoindustrial .CodeMirror-activeline-background {
+	background: #0C0D0C40;
+}
+.cm-s-monoindustrial .CodeMirror-selected {
+	background: #91999466;
+}
+.cm-s-monoindustrial .cm-comment {
+	color: #666C68;
+	background: #151C19;
+}
+.cm-s-monoindustrial .cm-number {
+	color: #588E60;
+}
+.cm-s-monoindustrial .cm-def {
+	color: #648BD2;
+}
+.cm-s-monoindustrial .cm-property {
+	color: #588E60;
+}
+.cm-s-monoindustrial .cm-variable-2 {
+	color: #A65EFF;
+}
+.cm-s-monoindustrial .cm-atom {
+	color: #588E60;
+}
+.cm-s-monoindustrial .cm-keyword {
+	color: null;
+}
+.cm-s-monoindustrial .cm-operator {
+	color: null;
+}
+.cm-s-monoindustrial .CodeMirror-linenumber {
+	color: #666C68;
+}
diff --git a/assets/css/theme/monokai-bright.css b/assets/css/theme/monokai-bright.css
new file mode 100644
index 0000000..ab38b0c
--- /dev/null
+++ b/assets/css/theme/monokai-bright.css
@@ -0,0 +1,63 @@
+.cm-s-monokai-bright {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #272822;
+	color: #F8F8F2;
+}
+.cm-s-monokai-bright .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-monokai-bright .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #272822;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-monokai-bright div.CodeMirror-cursor {
+	border-left: 3px solid #F8F8F2;
+}
+.cm-s-monokai-bright .CodeMirror-activeline-background {
+	background: #3E3D32;
+}
+.cm-s-monokai-bright .CodeMirror-selected {
+	background: #9D550F;
+}
+.cm-s-monokai-bright .cm-comment {
+	color: #75715E;
+}
+.cm-s-monokai-bright .cm-string {
+	color: #E6DB74;
+}
+.cm-s-monokai-bright .cm-number {
+	color: #66D9EF;
+}
+.cm-s-monokai-bright .cm-atom {
+	color: #66D9EF;
+}
+.cm-s-monokai-bright .cm-keyword {
+	color: #F92672;
+}
+.cm-s-monokai-bright .cm-variable {
+	color: #A6E22E;
+}
+.cm-s-monokai-bright .cm-def {
+	font-style: italic;
+	color: #FD971F;
+}
+.cm-s-monokai-bright .cm-variable-2 {
+	color: #F92672;
+}
+.cm-s-monokai-bright .cm-property {
+	color: #66D9EF;
+}
+.cm-s-monokai-bright .cm-operator {
+	color: #F92672;
+}
+.cm-s-monokai-bright .CodeMirror-linenumber {
+	color: #75715E;
+}
diff --git a/assets/css/theme/monokai-fannonedition.css b/assets/css/theme/monokai-fannonedition.css
new file mode 100644
index 0000000..45c52bd
--- /dev/null
+++ b/assets/css/theme/monokai-fannonedition.css
@@ -0,0 +1,63 @@
+.cm-s-monokai-fannonedition {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #0A0A0A;
+	color: #F8F8F2;
+}
+.cm-s-monokai-fannonedition .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-monokai-fannonedition .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #0A0A0A;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-monokai-fannonedition div.CodeMirror-cursor {
+	border-left: 3px solid #F8F8F2;
+}
+.cm-s-monokai-fannonedition .CodeMirror-activeline-background {
+	background: #2D2D2D;
+}
+.cm-s-monokai-fannonedition .CodeMirror-selected {
+	background: #2B2B2B;
+}
+.cm-s-monokai-fannonedition .cm-comment {
+	color: #999999;
+}
+.cm-s-monokai-fannonedition .cm-string {
+	color: #F3E87E;
+}
+.cm-s-monokai-fannonedition .cm-number {
+	color: #66D9EF;
+}
+.cm-s-monokai-fannonedition .cm-atom {
+	color: #66D9EF;
+}
+.cm-s-monokai-fannonedition .cm-keyword {
+	color: #EC7600;
+}
+.cm-s-monokai-fannonedition .cm-variable {
+	color: #A6E22E;
+}
+.cm-s-monokai-fannonedition .cm-def {
+	font-style: italic;
+	color: #FD971F;
+}
+.cm-s-monokai-fannonedition .cm-variable-2 {
+	color: #FE890C;
+}
+.cm-s-monokai-fannonedition .cm-property {
+	color: #66D9EF;
+}
+.cm-s-monokai-fannonedition .cm-operator {
+	color: #EC7600;
+}
+.cm-s-monokai-fannonedition .CodeMirror-linenumber {
+	color: #999999;
+}
diff --git a/assets/css/theme/mreq.css b/assets/css/theme/mreq.css
new file mode 100644
index 0000000..63cdefe
--- /dev/null
+++ b/assets/css/theme/mreq.css
@@ -0,0 +1,62 @@
+.cm-s-mreq {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #181818;
+	color: #c4c4c4;
+}
+.cm-s-mreq .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-mreq .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #181818;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-mreq div.CodeMirror-cursor {
+	border-left: 3px solid #c4c4c4;
+}
+.cm-s-mreq .CodeMirror-activeline-background {
+	background: #020202;
+}
+.cm-s-mreq .CodeMirror-selected {
+	background: #c4c4c4;
+}
+.cm-s-mreq .cm-comment {
+	color: #6a6a6a;
+}
+.cm-s-mreq .cm-string {
+	color: #C59C70;
+}
+.cm-s-mreq .cm-number {
+	color: #6facbe;
+}
+.cm-s-mreq .cm-atom {
+	color: #6facbe;
+}
+.cm-s-mreq .cm-keyword {
+	color: #ca7473;
+}
+.cm-s-mreq .cm-variable {
+	color: #ca7473;
+}
+.cm-s-mreq .cm-def {
+	color: #c59c70;
+}
+.cm-s-mreq .cm-variable-2 {
+	color: #ca7473;
+}
+.cm-s-mreq .cm-property {
+	color: #6facbe;
+}
+.cm-s-mreq .cm-operator {
+	color: #ca7473;
+}
+.cm-s-mreq .CodeMirror-linenumber {
+	color: #6a6a6a;
+}
diff --git a/assets/css/theme/nightlion.css b/assets/css/theme/nightlion.css
new file mode 100644
index 0000000..7c9a725
--- /dev/null
+++ b/assets/css/theme/nightlion.css
@@ -0,0 +1,57 @@
+.cm-s-nightlion {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	color: #9e9e9e;
+	background: #1a1a1a;
+}
+.cm-s-nightlion .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-nightlion .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #1a1a1a;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-nightlion div.CodeMirror-cursor {
+	border-left: 3px solid #9e9e9e;
+}
+.cm-s-nightlion .CodeMirror-activeline-background {
+	background: #ffffff08;
+}
+.cm-s-nightlion .CodeMirror-selected {
+	background: #ddf0ff33;
+}
+.cm-s-nightlion .cm-keyword {
+	color: #74b6e9ff;
+}
+.cm-s-nightlion .cm-string {
+	color: #e0db5dff;
+}
+.cm-s-nightlion .cm-property {
+	color: #76b6edff;
+}
+.cm-s-nightlion .cm-comment {
+	font-style: italic;
+	color: #0080ffff;
+}
+.cm-s-nightlion .cm-def {
+	color: #ffcc66ff;
+}
+.cm-s-nightlion .cm-atom {
+	color: #76b6edff;
+}
+.cm-s-nightlion .cm-number {
+	color: #76b6edff;
+}
+.cm-s-nightlion .cm-operator {
+	color: #74b6e9ff;
+}
+.cm-s-nightlion .CodeMirror-linenumber {
+	color: italic;
+}
diff --git a/assets/css/theme/oceanic.css b/assets/css/theme/oceanic.css
new file mode 100644
index 0000000..8bac567
--- /dev/null
+++ b/assets/css/theme/oceanic.css
@@ -0,0 +1,63 @@
+.cm-s-oceanic {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #1B2630;
+	color: #F8F8F2;
+}
+.cm-s-oceanic .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-oceanic .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #1B2630;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-oceanic div.CodeMirror-cursor {
+	border-left: 3px solid #F8F8F2;
+}
+.cm-s-oceanic .CodeMirror-activeline-background {
+	background: #3D2E2E77;
+}
+.cm-s-oceanic .CodeMirror-selected {
+	background: #95A3A63D;
+}
+.cm-s-oceanic .cm-comment {
+	color: #6D6D6D;
+}
+.cm-s-oceanic .cm-string {
+	color: #8AD6F2;
+}
+.cm-s-oceanic .cm-number {
+	color: #FFB266;
+}
+.cm-s-oceanic .cm-atom {
+	color: #FFB266;
+}
+.cm-s-oceanic .cm-keyword {
+	color: #E47D80;
+}
+.cm-s-oceanic .cm-variable {
+	color: #F2AAEC;
+}
+.cm-s-oceanic .cm-def {
+	font-style: italic;
+	color: #FFD2A6;
+}
+.cm-s-oceanic .cm-variable-2 {
+	color: #BAE682;
+}
+.cm-s-oceanic .cm-property {
+	color: #FFB266;
+}
+.cm-s-oceanic .cm-operator {
+	color: #E47D80;
+}
+.cm-s-oceanic .CodeMirror-linenumber {
+	color: #6D6D6D;
+}
diff --git a/assets/css/theme/plasticcodewrap.css b/assets/css/theme/plasticcodewrap.css
new file mode 100644
index 0000000..07a3758
--- /dev/null
+++ b/assets/css/theme/plasticcodewrap.css
@@ -0,0 +1,54 @@
+.cm-s-plasticcodewrap {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #00161B;
+	color: #F8F8F8;
+}
+.cm-s-plasticcodewrap .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-plasticcodewrap .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #00161B;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-plasticcodewrap div.CodeMirror-cursor {
+	border-left: 3px solid #F8F8F8;
+}
+.cm-s-plasticcodewrap .CodeMirror-activeline-background {
+	background: #FFFFFF0D;
+}
+.cm-s-plasticcodewrap .CodeMirror-selected {
+	background: #C5DFE980;
+}
+.cm-s-plasticcodewrap .cm-comment {
+	font-style: italic;
+	color: #1E9AE0;
+}
+.cm-s-plasticcodewrap .cm-keyword {
+	color: #FFAA00;
+}
+.cm-s-plasticcodewrap .cm-string {
+	color: #65BA3A;
+}
+.cm-s-plasticcodewrap .cm-property {
+	color: #FFB454;
+}
+.cm-s-plasticcodewrap .cm-atom {
+	color: #FFB454;
+}
+.cm-s-plasticcodewrap .cm-number {
+	color: #FFB454;
+}
+.cm-s-plasticcodewrap .cm-operator {
+	color: #FFAA00;
+}
+.cm-s-plasticcodewrap .CodeMirror-linenumber {
+	color: italic;
+}
diff --git a/assets/css/theme/rails-envy.css b/assets/css/theme/rails-envy.css
new file mode 100644
index 0000000..4831e0d
--- /dev/null
+++ b/assets/css/theme/rails-envy.css
@@ -0,0 +1,63 @@
+.cm-s-rails-envy {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #121210;
+	color: #F8F8F2;
+}
+.cm-s-rails-envy .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-rails-envy .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #121210;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-rails-envy div.CodeMirror-cursor {
+	border-left: 3px solid #F8F8F2;
+}
+.cm-s-rails-envy .CodeMirror-activeline-background {
+	background: #3E3D32;
+}
+.cm-s-rails-envy .CodeMirror-selected {
+	background: #49483E;
+}
+.cm-s-rails-envy .cm-comment {
+	color: #75715E;
+}
+.cm-s-rails-envy .cm-string {
+	color: #FFFF66;
+}
+.cm-s-rails-envy .cm-number {
+	color: #66D9EF;
+}
+.cm-s-rails-envy .cm-atom {
+	color: #66D9EF;
+}
+.cm-s-rails-envy .cm-keyword {
+	color: #40A187;
+}
+.cm-s-rails-envy .cm-variable {
+	color: #A6E22E;
+}
+.cm-s-rails-envy .cm-def {
+	font-style: italic;
+	color: #FD971F;
+}
+.cm-s-rails-envy .cm-variable-2 {
+	color: #52F9F9;
+}
+.cm-s-rails-envy .cm-property {
+	color: #66D9EF;
+}
+.cm-s-rails-envy .cm-operator {
+	color: #40A187;
+}
+.cm-s-rails-envy .CodeMirror-linenumber {
+	color: #75715E;
+}
diff --git a/assets/css/theme/rdark.css b/assets/css/theme/rdark.css
new file mode 100644
index 0000000..5c008db
--- /dev/null
+++ b/assets/css/theme/rdark.css
@@ -0,0 +1,62 @@
+.cm-s-rdark {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #1B2426;
+	color: #B9BDB6;
+}
+.cm-s-rdark .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-rdark .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #1B2426;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-rdark div.CodeMirror-cursor {
+	border-left: 3px solid #B9BDB6;
+}
+.cm-s-rdark .CodeMirror-activeline-background {
+	background: #00000070;
+}
+.cm-s-rdark .CodeMirror-selected {
+	background: #E0E8FF66;
+}
+.cm-s-rdark .cm-comment {
+	color: #646763;
+}
+.cm-s-rdark .cm-string {
+	color: #5CE638;
+}
+.cm-s-rdark .cm-number {
+	color: null;
+}
+.cm-s-rdark .cm-atom {
+	color: null;
+}
+.cm-s-rdark .cm-keyword {
+	color: #5BA1CF;
+}
+.cm-s-rdark .cm-variable {
+	color: #FFAA3E;
+}
+.cm-s-rdark .cm-def {
+	color: #FFFFFF;
+}
+.cm-s-rdark .cm-variable-2 {
+	color: #FFFFFF;
+}
+.cm-s-rdark .cm-property {
+	color: null;
+}
+.cm-s-rdark .cm-operator {
+	color: #5BA1CF;
+}
+.cm-s-rdark .CodeMirror-linenumber {
+	color: #646763;
+}
diff --git a/assets/css/theme/spectacular.css b/assets/css/theme/spectacular.css
new file mode 100644
index 0000000..551d9f5
--- /dev/null
+++ b/assets/css/theme/spectacular.css
@@ -0,0 +1,54 @@
+.cm-s-spectacular {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #0B0A0A;
+	color: #F3F3F3;
+}
+.cm-s-spectacular .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-spectacular .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #0B0A0A;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-spectacular div.CodeMirror-cursor {
+	border-left: 3px solid #F3F3F3;
+}
+.cm-s-spectacular .CodeMirror-activeline-background {
+	background: #F8F8F8;
+}
+.cm-s-spectacular .CodeMirror-selected {
+	background: #FFFFFF59;
+}
+.cm-s-spectacular .cm-comment {
+	font-style: italic;
+	color: #60606D;
+}
+.cm-s-spectacular .cm-keyword {
+	color: #FFAA00;
+}
+.cm-s-spectacular .cm-string {
+	color: #A9E448;
+}
+.cm-s-spectacular .cm-property {
+	color: #FFB454;
+}
+.cm-s-spectacular .cm-atom {
+	color: #FFB454;
+}
+.cm-s-spectacular .cm-number {
+	color: #FFB454;
+}
+.cm-s-spectacular .cm-operator {
+	color: #FFAA00;
+}
+.cm-s-spectacular .CodeMirror-linenumber {
+	color: italic;
+}
diff --git a/assets/css/theme/sunburst.css b/assets/css/theme/sunburst.css
new file mode 100644
index 0000000..b088dd9
--- /dev/null
+++ b/assets/css/theme/sunburst.css
@@ -0,0 +1,54 @@
+.cm-s-sunburst {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #000000;
+	color: #F8F8F8;
+}
+.cm-s-sunburst .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-sunburst .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #000000;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-sunburst div.CodeMirror-cursor {
+	border-left: 3px solid #F8F8F8;
+}
+.cm-s-sunburst .CodeMirror-activeline-background {
+	background: #FFFFFF1A;
+}
+.cm-s-sunburst .CodeMirror-selected {
+	background: #DDF0FF33;
+}
+.cm-s-sunburst .cm-comment {
+	font-style: italic;
+	color: #AEAEAE;
+}
+.cm-s-sunburst .cm-keyword {
+	color: #E28964;
+}
+.cm-s-sunburst .cm-string {
+	color: #65B042;
+}
+.cm-s-sunburst .cm-property {
+	color: #DAD085;
+}
+.cm-s-sunburst .cm-atom {
+	color: #DAD085;
+}
+.cm-s-sunburst .cm-number {
+	color: #DAD085;
+}
+.cm-s-sunburst .cm-operator {
+	color: #E28964;
+}
+.cm-s-sunburst .CodeMirror-linenumber {
+	color: italic;
+}
diff --git a/assets/css/theme/text-ex-machina.css b/assets/css/theme/text-ex-machina.css
new file mode 100644
index 0000000..4f0aa2d
--- /dev/null
+++ b/assets/css/theme/text-ex-machina.css
@@ -0,0 +1,63 @@
+.cm-s-text-ex-machina {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #151515;
+	color: #E6E6E6;
+}
+.cm-s-text-ex-machina .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-text-ex-machina .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #151515;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-text-ex-machina div.CodeMirror-cursor {
+	border-left: 3px solid #E6E6E6;
+}
+.cm-s-text-ex-machina .CodeMirror-activeline-background {
+	background: #3E3D32;
+}
+.cm-s-text-ex-machina .CodeMirror-selected {
+	background: #666666;
+}
+.cm-s-text-ex-machina .cm-comment {
+	color: #333333;
+}
+.cm-s-text-ex-machina .cm-string {
+	color: #66CCFF;
+}
+.cm-s-text-ex-machina .cm-number {
+	color: #80FF0080;
+}
+.cm-s-text-ex-machina .cm-atom {
+	color: #80FF0080;
+}
+.cm-s-text-ex-machina .cm-keyword {
+	color: #777CB2;
+}
+.cm-s-text-ex-machina .cm-variable {
+	color: #CCFF66;
+}
+.cm-s-text-ex-machina .cm-def {
+	font-style: italic;
+	color: #CCFF6680;
+}
+.cm-s-text-ex-machina .cm-variable-2 {
+	color: #323464;
+}
+.cm-s-text-ex-machina .cm-property {
+	color: #80FF0080;
+}
+.cm-s-text-ex-machina .cm-operator {
+	color: #777CB2;
+}
+.cm-s-text-ex-machina .CodeMirror-linenumber {
+	color: #333333;
+}
diff --git a/assets/css/theme/tomorrow-night-blue.css b/assets/css/theme/tomorrow-night-blue.css
new file mode 100644
index 0000000..e9a7e36
--- /dev/null
+++ b/assets/css/theme/tomorrow-night-blue.css
@@ -0,0 +1,50 @@
+.cm-s-tomorrow-night-blue {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #002451;
+	color: #FFFFFF;
+}
+.cm-s-tomorrow-night-blue .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-tomorrow-night-blue .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #002451;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-tomorrow-night-blue div.CodeMirror-cursor {
+	border-left: 3px solid #FFFFFF;
+}
+.cm-s-tomorrow-night-blue .CodeMirror-activeline-background {
+	background: #00346E;
+}
+.cm-s-tomorrow-night-blue .CodeMirror-selected {
+	background: #003F8E;
+}
+.cm-s-tomorrow-night-blue .cm-comment {
+	color: #7285B7;
+}
+.cm-s-tomorrow-night-blue .cm-property {
+	color: null;
+}
+.cm-s-tomorrow-night-blue .cm-atom {
+	color: null;
+}
+.cm-s-tomorrow-night-blue .cm-number {
+	color: null;
+}
+.cm-s-tomorrow-night-blue .cm-keyword {
+	color: null;
+}
+.cm-s-tomorrow-night-blue .cm-operator {
+	color: null;
+}
+.cm-s-tomorrow-night-blue .CodeMirror-linenumber {
+	color: #7285B7;
+}
diff --git a/assets/css/theme/venom.css b/assets/css/theme/venom.css
new file mode 100644
index 0000000..76ef929
--- /dev/null
+++ b/assets/css/theme/venom.css
@@ -0,0 +1,61 @@
+.cm-s-venom {
+	font-size: 1em;
+	line-height: 1.5em;
+	font-family: inconsolata, monospace;
+	letter-spacing: 0.3px;
+	word-spacing: 1px;
+	background: #0D0D0D;
+	color: #BFBFBF;
+}
+.cm-s-venom .CodeMirror-lines {
+	padding: 8px 0;
+}
+.cm-s-venom .CodeMirror-gutters {
+	box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.5);
+	background-color: #0D0D0D;
+	padding-right: 10px;
+	z-index: 3;
+	border: none;
+}
+.cm-s-venom div.CodeMirror-cursor {
+	border-left: 3px solid #BFBFBF;
+}
+.cm-s-venom .CodeMirror-activeline-background {
+	background: #191919;
+}
+.cm-s-venom .CodeMirror-selected {
+	background: #000000;
+}
+.cm-s-venom .cm-string {
+	font-style: italic;
+	color: #2E8C3C;
+}
+.cm-s-venom .cm-comment {
+	font-style: italic;
+	color: #3D5473;
+}
+.cm-s-venom .cm-number {
+	color: #404251;
+}
+.cm-s-venom .cm-atom {
+	color: #404251;
+}
+.cm-s-venom .cm-keyword {
+	color: #6986BF;
+}
+.cm-s-venom .cm-variable {
+	color: #6248A8;
+}
+.cm-s-venom .cm-def {
+	color: #A7575C;
+}
+.cm-s-venom .cm-property {
+	color: #404251;
+}
+.cm-s-venom .cm-operator {
+	color: #6986BF;
+}
+.cm-s-venom .CodeMirror-linenumber {
+	color: italic;
+}
diff --git a/assets/js/icecoder.js b/assets/js/icecoder.js
index f783a2c..8e1f935 100644
--- a/assets/js/icecoder.js
+++ b/assets/js/icecoder.js
@@ -3677,10 +3677,10 @@ var ICEcoder = {
             this.content.contentWindow.document.getElementsByTagName('head')[0].appendChild(styleNode);
             activeLineBG = 
                 // Light themes
-                -1 < ["base16-light", "duotone-light", "eclipse", "elegant", "mdn-like", "neat", "neo", "solarized", "ttcn", "xq-light"].indexOf(this.theme)
+                -1 < ["base16-light", "chrome-devtools", "duotone-light", "eclipse", "eiffel", "elegant", "mdn-like", "idle", "iplastic", "ir_white", "johnny", "juicy", "neat", "neo", "solarized", "ttcn", "xq-light"].indexOf(this.theme)
                 ? "#ccc"
                 // Dark themes
-                : -1 < ["3024-night", "blackboard", "colorforth", "isotope", "liquibyte", "night", "the-matrix", "tomorrow-night-bright", "tomorrow-night-eighties", "vibrant-ink", "xq-dark", "zenburn"].indexOf(this.theme)
+                : -1 < ["3024-night", "all-hallow-eve", "black-pearl-ii", "blackboard", "colorforth", "django", "emacs-strict", "fade-to-grey", "fake", "glitterbomb", "isotope", "ir_black", "liquibyte", "monokai-fannonedition", "oceanic", "night", "spectacular", "sunburst", "the-matrix", "tomorrow-night-blue", "tomorrow-night-bright", "tomorrow-night-eighties", "vibrant-ink", "xq-dark", "zenburn"].indexOf(this.theme)
                     ? "#222"
                     // Other themes
                     : "#000";
@@ -3712,7 +3712,7 @@ var ICEcoder = {
         // Update styles in editor
         thisCSS = this.content.contentWindow.document.styleSheets[6];
         strCSS = thisCSS.rules ? 'rules' : 'cssRules';
-        thisCSS[strCSS][0].style['fontSize'] = settings.fontSize;
+        // thisCSS[strCSS][0].style['fontSize'] = settings.fontSize;
         thisCSS[strCSS][4].style['border-left-width'] = settings.visibleTabs ? '1px' : '0';
         thisCSS[strCSS][4].style['margin-left'] = settings.visibleTabs ? '-1px' : '0';
         thisCSS[strCSS][2].style.cssText = "background-color: " + activeLineBG + " !important";
diff --git a/editor.php b/editor.php
index e206798..10a88dd 100644
--- a/editor.php
+++ b/editor.php
@@ -45,10 +45,10 @@ echo dirname(basename(__DIR__)) . '/assets/css/theme/';
 echo "default" === $ICEcoder["theme"] ? 'icecoder.css' : $ICEcoder["theme"] . '.css';
 echo "?microtime=" . microtime(true);
 // Light themes
-if (false !== array_search($ICEcoder["theme"], ["base16-light", "duotone-light", "eclipse", "elegant", "mdn-like", "neat", "neo", "solarized", "ttcn", "xq-light"])) {
+if (false !== array_search($ICEcoder["theme"], ["base16-light", "chrome-devtools", "duotone-light", "eclipse", "eiffel", "elegant", "mdn-like", "idle", "iplastic", "ir_white", "johnny", "juicy", "neat", "neo", "solarized", "ttcn", "xq-light"])) {
 	$activeLineBG = "#ccc";
 // Dark themes
-} elseif (false !== array_search($ICEcoder["theme"], ["3024-night", "blackboard", "colorforth", "isotope", "liquibyte", "night", "the-matrix", "tomorrow-night-bright", "tomorrow-night-eighties", "vibrant-ink", "xq-dark", "zenburn"])) {
+} elseif (false !== array_search($ICEcoder["theme"], ["3024-night", "all-hallow-eve", "black-pearl-ii", "blackboard", "colorforth", "django", "emacs-strict", "fade-to-grey", "fake", "glitterbomb", "isotope", "ir_black", "liquibyte", "monokai-fannonedition", "oceanic", "night", "spectacular", "sunburst", "the-matrix", "tomorrow-night-blue", "tomorrow-night-bright", "tomorrow-night-eighties", "vibrant-ink", "xq-dark", "zenburn"])) {
 	$activeLineBG = "#222";
 // Other themes
 } else {
diff --git a/lib/settings-screen.php b/lib/settings-screen.php
index 31244b4..86ae137 100644
--- a/lib/settings-screen.php
+++ b/lib/settings-screen.php
@@ -246,12 +246,47 @@ function findSequence(goal) {
 		<h2><?php echo $t['style'];?></h2><br>
 		<?php echo $t['theme'];?><br>
 		<select onchange="selectTheme(); showButton()" id="theme" name="theme" style="width: 145px">
-		    <option<?php if ("default" === $ICEcoder["theme"]) {echo ' selected';}; ?>>default</option>
+		    <option value="default" <?php if ("default" === $ICEcoder["theme"]) {echo ' selected';}; ?>>Default</option>
 		<?php
+		$lightThemes = ["base16-light", "chrome-devtools", "duotone-light", "eclipse", "eiffel", "elegant", "idle", "iplastic", "ir_white", "johnny", "juicy", "mdn-like", "neat", "neo", "solarized", "ttcn", "xq-light"];
+		$midThemes = ["ambiance", "clouds-midnight", "darkpastel", "friendship-bracelet", "idlefingers", "lesser-dark", "lowlight", "mbo", "monoindustrial", "monokai", "monokai-bright", "mreq", "nightlion", "panda-syntax", "pastel-on-dark", "railscasts", "rdark", "zenburn"];
+		$colorThemes = ["2019-torres-digital-theme", "amy", "bespin", "blackboard", "cobalt", "django", "dracula", "duotone-dark", "erlang-dark", "hopscotch", "made-of-code", "material", "midnight", "night", "oceanic", "paraiso-dark", "plasticcodewrap", "rubyblue", "tomorrow-night-blue", "xq-dark"];
+		echo '<optgroup label="Dark">';
 		for ($i = 0;$i < count($themeArray); $i++) {
-			$optionSelected = $ICEcoder["theme"] === $themeArray[$i] ? ' selected' : '';
-			echo '<option' . $optionSelected . '>' . $themeArray[$i] . '</option>' . PHP_EOL;
+			if (
+				false === in_array($themeArray[$i], $lightThemes) &&
+				false === in_array($themeArray[$i], $midThemes) &&
+				false === in_array($themeArray[$i], $colorThemes)
+			) {
+				$optionSelected = $ICEcoder["theme"] === $themeArray[$i] ? ' selected' : '';
+				echo '<option value="' . $themeArray[$i] . '" ' . $optionSelected . '>' . ucwords(preg_replace("/_|\-/", " ", $themeArray[$i])) . '</option>' . PHP_EOL;
+			}
 		}
+		echo '</optgroup>';
+		echo '<optgroup label="Grey">';
+		for ($i = 0;$i < count($themeArray); $i++) {
+			if (true === in_array($themeArray[$i], $midThemes)) {
+				$optionSelected = $ICEcoder["theme"] === $themeArray[$i] ? ' selected' : '';
+				echo '<option value="' . $themeArray[$i] . '" ' . $optionSelected . '>' . ucwords(preg_replace("/_|\-/", " ", $themeArray[$i])) . '</option>' . PHP_EOL;
+			}
+		}
+		echo '</optgroup>';
+		echo '<optgroup label="Color">';
+		for ($i = 0;$i < count($themeArray); $i++) {
+			if (true === in_array($themeArray[$i], $colorThemes)) {
+				$optionSelected = $ICEcoder["theme"] === $themeArray[$i] ? ' selected' : '';
+				echo '<option value="' . $themeArray[$i] . '" ' . $optionSelected . '>' . ucwords(preg_replace("/_|\-/", " ", $themeArray[$i])) . '</option>' . PHP_EOL;
+			}
+		}
+		echo '</optgroup>';
+		echo '<optgroup label="Light">';
+		for ($i = 0;$i < count($themeArray); $i++) {
+			if (true === in_array($themeArray[$i], $lightThemes)) {
+				$optionSelected = $ICEcoder["theme"] === $themeArray[$i] ? ' selected' : '';
+				echo '<option value="' . $themeArray[$i] . '" ' . $optionSelected . '>' . ucwords(preg_replace("/_|\-/", " ", $themeArray[$i])) . '</option>' . PHP_EOL;
+			}
+		}
+		echo '</optgroup>';
 		?>
 		</select>
 		<br><br>
@@ -376,7 +411,7 @@ var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
 
 function selectTheme() {
     const input = document.getElementById("theme");
-	let theme = input.options[input.selectedIndex].innerHTML;
+	let theme = input.options[input.selectedIndex].value;
 	if ("default" === theme) {theme = "icecoder"}
 	editor.setOption("theme", theme);
 }