diff --git a/client/pages/viewerpage/editor.js b/client/pages/viewerpage/editor.js
index b9f633a5..708f553f 100644
--- a/client/pages/viewerpage/editor.js
+++ b/client/pages/viewerpage/editor.js
@@ -183,6 +183,7 @@ export class Editor extends React.Component {
         else if(ext === 'latex' || ext === 'tex'){ mode = 'stex'; }
         else if(ext === 'diff' || ext === 'patch'){ mode = 'diff'; }
         else if(ext === 'sparql'){ mode = 'sparql'; }
+        else if(ext === 'properties'){ mode = 'properties'; }
         else if(ext === 'c' || ext === 'cpp' || ext === 'java' || ext === 'h'){
             mode = 'clike';
         }else{
diff --git a/client/pages/viewerpage/editor.scss b/client/pages/viewerpage/editor.scss
index ff6947e8..5231b910 100644
--- a/client/pages/viewerpage/editor.scss
+++ b/client/pages/viewerpage/editor.scss
@@ -178,9 +178,11 @@ pre.CodeMirror-line{clear: right;}
 .cm-s-default .cm-strong{color: var(--secondary)}
 .cm-s-default .cm-org-url, .cm-s-default .cm-org-image{color: var(--secondary)!important; border-bottom: 1px dashed var(--light); cursor: pointer;}
 .cm-s-default .cm-variable-3 {color: #085;}
-.cm-s-default .cm-comment {color: var(--secondary);}
+.cm-s-default .cm-comment {color: var(--light);}
 .cm-s-default .cm-string, .cm-s-default .cm-string-2{ color: #c41a16; }
 .cm-s-default .cm-def { color: rgb(68, 85, 136); }
+.cm-s-default .cm-quote { color: var(--dark); }
+
 
 .CodeMirror-gutters{
     box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
diff --git a/client/pages/viewerpage/editor/properties.js b/client/pages/viewerpage/editor/properties.js
new file mode 100644
index 00000000..3cb37f8b
--- /dev/null
+++ b/client/pages/viewerpage/editor/properties.js
@@ -0,0 +1,3 @@
+import 'codemirror/mode/properties/properties';
+CodeMirror.__mode = 'properties';
+export default CodeMirror;
diff --git a/config/mime.json b/config/mime.json
index edf96bc4..880316a5 100644
--- a/config/mime.json
+++ b/config/mime.json
@@ -47,6 +47,7 @@
 	"html": "text/html",
 	"ico": "image/x-icon",
 	"img": "application/octet-stream",
+    "ini": "text/x-ini",
 	"iso": "application/octet-stream",
 	"jad": "text/vnd.sun.j2me.app-descriptor",
 	"jar": "application/java-archive",
@@ -101,6 +102,7 @@
 	"ppt": "application/vnd.ms-powerpoint",
 	"pptx": "application/powerpoint",
 	"prc": "application/x-pilot",
+    "properties": "text/x-ini",
 	"ps": "application/postscript",
 	"ra": "audio/x-realaudio",
 	"raf": "image/x-fuji-raf",
diff --git a/package.json b/package.json
index d02e885c..9d83f0cc 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,7 @@
     "html-loader": "^0.4.5",
     "html-webpack-plugin": "^2.28.0",
     "jest": "^23.6.0",
-    "node-sass": "^4.7.2",
+    "node-sass": "^4.10.0",
     "nodemon": "^1.17.1",
     "prop-types": "^15.5.10",
     "react": "^15.3.2",