2 files changed, 109 insertions, 9 deletions
diff --git a/css/devibeans.css b/css/devibeans.css
new file mode 100644
index 0000000..cd78393
--- /dev/null
+++ b/css/devibeans.css
@@ -0,0 +1,88 @@
+/*
+    devibeans (dark)
+    Created by Farzad Sadeghi (http://github.com/terminaldweller)
+    Inspired by vim's jellybeans theme (https://github.com/nanotech/jellybeans.vim)
+*/
+
+.hljs-comment,
+.hljs-quote {
+  color: #339966;
+}
+
+.hljs-params {
+  color: #a39e9b;
+}
+
+.hljs-regexp {
+  color: #d700ff;
+}
+
+/* Red */
+.hljs-tag,
+.hljs-selector-id,
+.hljs-number,
+.hljs-literal {
+  color: #ef5350;
+}
+
+.hljs.meta {
+  color: #0087ff;
+}
+
+.hljs-operator {
+  color: #005faf;
+}
+
+/* devibeans blue */
+.hljs-selector-class,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-keyword {
+  color: #64b5f6;
+}
+
+/* Paraíso Orange */
+.hljs-built_in,
+.hljs-title,
+.hljs-deletion {
+  color: #ff8700;
+}
+
+/* Paraíso Yellow */
+.hljs-type,
+.hljs-section,
+.hljs-function,
+.hljs-name,
+.hljs-attribute {
+  color: #ffd75f;
+}
+
+/* Paraíso Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #558b2f;
+}
+
+/* Paraíso Purple */
+.hljs-selector-tag {
+  color: #9966ff;
+}
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  background: #000000;
+  color: #a39e9b;
+  padding: 0.5em;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
diff --git a/css/master.css b/css/master.css
index e1ebd90..0f819e3 100644
--- a/css/master.css
+++ b/css/master.css
@@ -1,30 +1,42 @@
-@import "parasiso-dark.css";
+@import "devibeans.css";
 
-body{$
+body {
+  color: #005f87;
+  background: #000000;
+  font-family: "DejaVuSansMono NF", Helvetica, monospace;
+}
+
+.article{$
   text-align: left;
   padding: 2%;
   border-style: solid;
   position: relative;
-  /* left: 0; */
-  /* right: 50%; */
   white-space: -moz-pre-wrap !important;
   color: #005f87;
   background: #000000;
   font-family: "DejaVuSansMono NF", Helvetica, monospace;
   overflow-wrap: break-word;
+  float: left;
+  width: 78%;
 }
 
 .sidenav {
+  padding: 2%;
   color: #005f87;
   height: 100%;
-  width: 10%;
   border-style: solid;
-  position: fixed;
-  z-index: 0;
+  position: relative;
+  /* z-index: 0; */
   top: 0;
   right: 0;
   background-color: #000000;
   overflow-x: hidden;
-  padding-top: 1%;
-  text-align: center;
+  text-align: left;
+  float: right;
+  width: 13%;
+}
+
+a {
+  color: #005f87;
+  text-decoration: none;
 }