# Updated Looks, Syntax Highlights and more

* Moved all CDN libraries into /static/vendor
+ Implemented syntax highlight with hljs
* Updated the sanitization to include `.`

static/css/main.css

@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300&display=swap');
+
 :root {
     --color-border-default: #444c56;
     --color-fg-default: #adbac7;
@@ -39,6 +41,12 @@ main#main-card {
     display: none !important;
 }
 
+#pad-content, #textarea-preview {
+    tab-size: 2;
+
+    font-family: 'Roboto Mono', monospace !important;
+}
+
 #pad-content-area {
     position: relative;
 
@@ -46,6 +54,18 @@ main#main-card {
     flex-flow: column;
 }
 
+.edit-content-text {
+    display: none;
+}
+
+.read-only-content .edit-content-text {
+    display: block !important;
+}
+
+.read-only-content .view-content-text {
+    display: none !important;
+}
+
 #pad-content-toggler {
     position: absolute;
     top: .5rem;