diff --git a/Gruntfile.js b/Gruntfile.js
index af83ad98..c9f97fb9 100755
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -253,7 +253,8 @@ module.exports = function(grunt) {
                 src: [
                     "src/css/lib/**/*.css",
                     "src/css/structure/**/*.css",
-                    "src/css/themes/classic.css"
+                    //"src/css/themes/classic.css"
+					"src/css/themes/orange.css"
                 ],
                 dest: "build/dev/styles.css"
             },
diff --git a/README.md b/README.md
index 56e63b62..32b9b0ae 100755
--- a/README.md
+++ b/README.md
@@ -13,8 +13,10 @@ This is a fork of original CyberChef by GCHQ. This project has implemented my ow
 
 ## Todo
 
-- operation GZip HTTP data
-- operation SQL comment strip function
+- Operation GZip HTTP data
+- Operation SQL comment strip function
+- Adding more support to char(hex, hex)
+- Adding support of themes
 
 
 ---
diff --git a/src/css/themes/orange.css b/src/css/themes/orange.css
new file mode 100644
index 00000000..88f9bfff
--- /dev/null
+++ b/src/css/themes/orange.css
@@ -0,0 +1,278 @@
+#banner {
+    border-bottom: 1px solid #ddd;
+}
+
+.title {
+    border-bottom: 1px solid #ddd;
+    font-weight: bold;
+    color: #424242;
+    background-color: #fafafa;
+}
+
+.gutter {
+    background-color: #eee;
+    background-repeat: no-repeat;
+    background-position: 50%;
+}
+
+.gutter.gutter-horizontal {
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAeCAYAAAAGos/EAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAlSURBVChTYzxz5sx/BiBgAhEgwPju3TtUEZZ79+6BGcNcDQMDACWJMFs4hNOSAAAAAElFTkSuQmCC');
+    cursor: ew-resize;
+}
+
+.gutter.gutter-vertical {
+    background-image: url('data:image/png;base64,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');
+    cursor: ns-resize;
+}
+
+.operation {
+    border: 1px solid #999;
+    border-top-width: 0;
+}
+
+.op-list .operation { /*blue*/
+    color: #3a87ad;
+    background-color: #d9edf7;
+    border-color: #bce8f1;
+}
+
+#rec-list .no-select { /*Overriding*/
+	color: orange;
+	background-color: black;
+	border-color: orange;
+}
+
+#rec-list .operation { /*green*/
+	color: orange;
+	background-color: whitesmoke;
+	border-color: orange;
+}
+
+#controls {
+    border-top: 1px solid #ddd;
+    background-color: #fafafa;
+}
+
+.textarea-wrapper textarea,
+.textarea-wrapper div {
+    font-family: Consolas, monospace;
+    font-size: inherit;
+}
+
+.io-info {
+    font-family: Consolas, monospace;
+    font-weight: normal;
+    font-size: 8pt;
+}
+
+.arg-title {
+    font-weight: bold;
+}
+
+.arg-input {
+    height: 34px;
+    font-size: 15px;
+    line-height: 1.428571429;
+    color: #424242;
+    background-color: #fff;
+    border: 1px solid #ddd;
+    font-family: Consolas, monospace;
+}
+
+select {
+    padding: 6px 8px;
+    height: 34px;
+    border: 1px solid #ddd;
+    background-color: #fff;
+    color: #424242;
+}
+
+.arg[disabled] {
+    background-color: #eee;
+}
+
+textarea.arg {
+    color: #424242;
+    font-family: Consolas, monospace;
+}
+
+.break {
+    color: #b94a48 !important;
+    background-color: #f2dede !important;
+    border-color: #eed3d7 !important;
+}
+
+.category-title {
+    background-color: #fafafa;
+    border-bottom: 1px solid #eee;
+    font-weight: bold;
+}
+
+.category-title[href='#catFavourites'] {
+    border-bottom-color: #ddd;
+}
+
+.category-title[aria-expanded=true] {
+    border-bottom-color: #ddd;
+}
+
+.category-title.collapsed {
+    border-bottom-color: #eee;
+}
+
+.category-title:hover {
+    color: #3a87ad;
+}
+
+#search {
+    border-bottom: 1px solid #e3e3e3;
+}
+
+.dropping-file {
+    border: 5px dashed #3a87ad !important;
+}
+
+.selected-op {
+    color: #c09853 !important;
+    background-color: #fcf8e3 !important;
+    border-color: #fbeed5 !important;
+}
+
+.option-item input[type=number] {
+    font-size: 14px;
+    line-height: 1.428571429;
+    color: #555;
+    background-color: #fff;
+    border: 1px solid #ccc;
+}
+
+.favourites-hover {
+    color: #468847;
+    background-color: #dff0d8;
+    border: 2px dashed #468847 !important;
+    padding: 8px 8px 9px 8px;
+}
+
+#edit-favourites-list {
+    border: 1px solid #bce8f1;
+}
+
+#edit-favourites-list .operation {
+    border-left: none;
+    border-right: none;
+}
+
+#edit-favourites-list .operation:last-child {
+    border-bottom: none;
+}
+
+.subtext {
+    font-style: italic;
+    font-size: 13px;
+    color: #999;
+}
+
+#save-footer {
+    border-bottom: 1px solid #e5e5e5;
+}
+
+.flow-control-op {
+    color: #396f3a !important;
+    background-color: #c7e4ba !important;
+    border-color: #b3dba2 !important;
+}
+
+.flow-control-op.break {
+    color: #94312f !important;
+    background-color: #eabfbf !important;
+    border-color: #e2aeb5 !important;
+}
+
+#support-modal textarea {
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+#save-text,
+#load-text {
+    font-family: Consolas, monospace;
+}
+
+button.dropdown-toggle {
+    background-color: #f4f4f4;
+}
+
+
+
+
+::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+}
+::-webkit-scrollbar-track {
+    background-color: #fafafa;
+}
+::-webkit-scrollbar-thumb {
+    background-color: #ccc;
+}
+::-webkit-scrollbar-thumb:hover {
+    background-color: #bbb;
+}
+::-webkit-scrollbar-corner {
+    background-color: #fafafa;
+}
+
+.disabled {
+    color: #999 !important;
+    background-color: #dfdfdf !important;
+    border-color: #cdcdcd !important;
+}
+
+.grey {
+    color: #333;
+    background-color: #f5f5f5;
+    border-color: #ddd;
+}
+
+.dark-blue {
+    color: #fff;
+    background-color: #428bca;
+    border-color: #428bca;
+}
+
+.red {
+    color: #b94a48;
+    background-color: #f2dede;
+    border-color: #eed3d7;
+}
+
+.amber {
+    color: #c09853;
+    background-color: #fcf8e3;
+    border-color: #fbeed5;
+}
+
+.green {
+    color: #468847;
+    background-color: #dff0d8;
+    border-color: #d6e9c6;
+}
+
+.blue {
+    color: #3a87ad;
+    background-color: #d9edf7;
+    border-color: #bce8f1;
+}
+
+#input-text,
+#output-text,
+#output-html {
+    position: relative;
+    border-width: 0px;
+    margin: 0;
+    resize: none;
+    background-color: transparent;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+	color: orange;
+	background-color: black;
+}