Updating ayu-highlight.css

book/theme/ayu-highlight.css

@@ -1,67 +1,68 @@
+
+
+
 /*
- * An increased contrast highlighting scheme loosely based on the
- * "Base16 Atelier Dune Light" theme by Bram de Haan
- * (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune)
- * Original Base16 color scheme by Chris Kempson
- * (https://github.com/chriskempson/base16)
- */
-
-/* Comment */
+Based off of the Ayu theme
+Original by Dempfi (https://github.com/dempfi/ayu)
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  background: #181818;
+  color: #E2E2E2;
+  padding: 0.5em;
+}
+
 .hljs-comment,
 .hljs-quote {
-  color: #575757;
+  color: #5c6773;
+  font-style: italic;
 }
 
-/* Red */
 .hljs-variable,
 .hljs-template-variable,
 .hljs-attribute,
-.hljs-tag,
-.hljs-name,
+.hljs-attr,
 .hljs-regexp,
 .hljs-link,
-.hljs-name,
 .hljs-selector-id,
 .hljs-selector-class {
-  color: #d70025;
+  color: #ff7733;
 }
 
-/* Orange */
 .hljs-number,
 .hljs-meta,
-.hljs-built_in,
 .hljs-builtin-name,
 .hljs-literal,
 .hljs-type,
 .hljs-params {
-  color: #b21e00;
+  color: #ffee99;
 }
 
-/* Green */
 .hljs-string,
-.hljs-symbol,
 .hljs-bullet {
-  color: #008200;
+  color: #b8cc52;
 }
 
-/* Blue */
 .hljs-title,
+.hljs-built_in,
 .hljs-section {
-  color: #0030f2;
+  color: #ffb454;
 }
 
-/* Purple */
 .hljs-keyword,
-.hljs-selector-tag {
-  color: #9d00ec;
+.hljs-selector-tag,
+.hljs-symbol {
+  color: #ff7733;
 }
 
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #f6f7f6;
-  color: #000;
-  padding: 0.5em;
+.hljs-name {
+    color: #36a3d9;
+}
+
+.hljs-tag {
+    color: #00568d;
 }
 
 .hljs-emphasis {
@@ -73,11 +74,167 @@
 }
 
 .hljs-addition {
-  color: #22863a;
-  background-color: #f0fff4;
+  color: #91b362;
 }
 
 .hljs-deletion {
-  color: #b31d28;
-  background-color: #ffeef0;
+  color: #d96c75;
+}
+
+/*
+
+-------------
+DarkFi Theme
+-------------
+
+*/
+
+#theme-list{
+  background-color:#000;
+  border-radius:0;
+}
+
+h1,h2{
+  font-family:'InterDisplay', sans-serif;
+  font-weight:900;
+  letter-spacing:0.035em;
+}
+
+h3,h4,h5,h6{
+  font-family:'Inter', sans-serif;
+  font-weight:900;
+}
+
+h1{
+  border-left: 10px solid #0ff;
+  padding-left:15px;
+  padding-top:0;
+  padding-bottom:0;
+}
+
+h2{
+  border-left: 7px solid #747474;
+  padding-left:10px;
+}
+
+h3{
+  border-left: 4px solid #747474;
+  padding-left:10px;
+}
+
+.menu-title{
+border:0;
+background-image:url("logo.png");
+background-size:contain;
+background-repeat:no-repeat;
+background-position: center;
+font-size:0;
+}
+
+#sidebar{
+  border-right: 1px solid #596067;
+}
+
+.sidebar-scrollbox{
+  margin-left:15px;
+}
+
+#menu-bar{
+  border-bottom: 1px solid #596067;
+  margin-bottom:5px;
+}
+
+#content{
+  margin-top:30px;
+}
+
+.hljs{
+    border:1px solid #104242;
+    border-radius:0;
+    padding:17px;
+}
+
+p .hljs{
+    border:0;
+    background:#232323;
+}
+
+blockquote{
+  border-left: 1px solid #5B8E8E;
+}
+
+.chapter{
+  font-family:'Inter', sans-serif;
+  font-weight:700;
+  font-size:1.1em;
+}
+
+.chapter-item{
+  margin-top:0px;
+}
+
+table{
+  width:100%;
+  border:1px solid #1C1C1C;
+}
+
+thead{
+  text-align:left;
+  height:40px;
+  border-bottom:1px solid #4B4B4B;
+}
+
+tr{
+  height:40px;
+  border-bottom:1px solid #4B4B4B;
+}
+
+.content ul{
+  list-style-type: square;
+}
+
+.content a:hover{
+  text-decoration: none; color:#C23D4C;
+}
+
+.content p a code:hover{
+  text-decoration:none;
+  color:#E76A78;
+}
+
+/* Code */
+
+.hljs-keyword{
+  color:#29BFBF;
+}
+
+.hljs-literal{
+  color:#B1ABDB;
+}
+
+.hljs-number{
+  color:#C8838B;
+}
+
+.hljs-built_in{
+  color:#FCB8F2;
+}
+
+.hljs-string{
+  color:#9DE5EF;
+}
+
+.hljs-meta{
+  color:#65C8FF;
+}
+
+.hljs-title{
+  color:#BEFF03;
+}
+
+/* Notes */
+
+.footnote-definition{
+  font-family:'IBMPlexMono', monospace;
+  color:#5C6773;
 }