syntax highlight working

assets/styles/app.scss

@@ -31,6 +31,8 @@ html, body{
 @import 'bootstrap/dist/css/bootstrap.css';
 @import 'bootsdark/dist/bootsdark.min.css';
 
+
+@import 'quill/dist/quill.core.css';
 // customize some Bootstrap variables
 
 
@@ -54,6 +56,22 @@ $mango: #FF8040;
   border-color: $primary;
 }
 
+.pages-editor-raw {
+  width: 100%;
+  height: 650px !important;
+  background-color: black;
+  color: white;
+}
+
+.ql-container {
+  overflow-y: scroll;
+  height: 650px !important;
+}
+
+.ql-syntax {
+  background-color: #222222;
+}
+
 .wrapper {
   clear: both;
   position: sticky;