feat: ✨ add new syntax highlighting themes: Astral Green, Devibeans, Dracula, and VS2015

Author: jevillanueva

content/sesion01/index.html

@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="../custom.css">
     <link rel="stylesheet" href="../../dist/reveal.css">
     <link rel="stylesheet" href="../../dist/theme/black.css" id="theme">
-    <link rel="stylesheet" href="../../plugin/highlight/monokai.css">
+    <link rel="stylesheet" href="../../plugin/highlight/dracula.css">
     <link rel="stylesheet" href="../../plugin/pointer/pointer.css" />
 </head>
 

plugin/highlight/astral-green.css

@@ -0,0 +1,144 @@
+/*
+Astral Green 🪐 style - based on VS Code theme
+*/
+
+pre code.hljs {
+    display: block;
+    overflow-x: auto;
+    padding: 1em
+}
+
+code.hljs {
+    padding: 3px 5px
+}
+
+.hljs {
+    background: #1e1e1e;
+    color: #d4d4d4
+}
+
+.hljs-keyword,
+.hljs-literal,
+.hljs-name,
+.hljs-symbol {
+    color: #569cd6
+}
+
+.hljs-link {
+    color: #29d3ad;
+    text-decoration: underline
+}
+
+.hljs-built_in,
+.hljs-type {
+    color: #4ccdae
+}
+
+.hljs-class,
+.hljs-number {
+    color: #23d18b
+}
+
+.hljs-meta .hljs-string,
+.hljs-string {
+    color: #0dbc79
+}
+
+.hljs-regexp,
+.hljs-template-tag {
+    color: #17d5a8
+}
+
+.hljs-formula,
+.hljs-function,
+.hljs-params,
+.hljs-subst,
+.hljs-title {
+    color: #d4d4d4
+}
+
+.hljs-comment,
+.hljs-quote {
+    color: #0f9b7a;
+    font-style: italic
+}
+
+.hljs-doctag {
+    color: #25c09c
+}
+
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-tag {
+    color: #858585
+}
+
+.hljs-template-variable,
+.hljs-variable {
+    color: #ff97f4
+}
+
+.hljs-attr,
+.hljs-attribute {
+    color: #31dbb3
+}
+
+.hljs-section {
+    color: #29d3ad
+}
+
+.hljs-emphasis {
+    font-style: italic
+}
+
+.hljs-strong {
+    font-weight: 700
+}
+
+.hljs-bullet,
+.hljs-selector-attr,
+.hljs-selector-class,
+.hljs-selector-id,
+.hljs-selector-pseudo,
+.hljs-selector-tag {
+    color: #17d5a8
+}
+
+.hljs-addition {
+    background-color: #587c0c;
+    display: inline-block;
+    width: 100%
+}
+
+.hljs-deletion {
+    background-color: #94151b;
+    display: inline-block;
+    width: 100%
+}
+
+.hljs-code {
+    color: #4ccdae
+}
+
+.hljs-class .hljs-title {
+    color: #ffffff
+}
+
+.hljs-builtin-name {
+    color: #25e266
+}
+
+.hljs-selector-id {
+    font-weight: bold;
+    color: #29d3ad
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-doctag,
+.hljs-title,
+.hljs-section,
+.hljs-type {
+    font-weight: bold
+}

plugin/highlight/devibeans.css

@@ -0,0 +1,88 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em
+}
+
+/*!
+    Theme: devibeans (dark)
+    Author: @terminaldweller
+    Maintainer: @terminaldweller
+
+    Inspired by vim's jellybeans theme (https://github.com/nanotech/jellybeans.vim)
+*/
+.hljs {
+  background: #141414;
+  color: #b9b4b1
+}
+.hljs-attr,
+.hljs-template-tag {
+  color: #8787d7
+}
+.hljs-comment,
+.hljs-doctag,
+.hljs-quote {
+  color: #339966
+}
+.hljs-params {
+  color: #a39e9b
+}
+.hljs-regexp {
+  color: #d700ff
+}
+.hljs-tag,
+.hljs-selector-id,
+.hljs-number,
+.hljs-literal {
+  color: #ef5350
+}
+.hljs-meta,
+.hljs-meta .hljs-keyword {
+  color: #0087ff
+}
+/* opt-out */
+.hljs-operator,
+.hljs-punctuation {
+  
+}
+.hljs-selector-class,
+.hljs-code,
+.hljs-formula,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-link,
+.hljs-keyword {
+  color: #64b5f6
+}
+.hljs-built_in,
+.hljs-title,
+.hljs-deletion {
+  color: #ff8700
+}
+.hljs-type,
+.hljs-section,
+.hljs-function,
+.hljs-name,
+.hljs-property,
+.hljs-attribute {
+  color: #ffd75f
+}
+.hljs-meta .hljs-string,
+.hljs-string,
+.hljs-subst,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #558b2f
+}
+.hljs-selector-tag {
+  color: #9966ff
+}
+.hljs-emphasis {
+  font-style: italic
+}
+.hljs-strong {
+  font-weight: bold
+}