change prism theme

src/assets/prism.theme.scss

@@ -1,55 +1,24 @@
-/*
+/**
-Name: Duotone Sea
+ * Lucario Theme originally by Raphael Amorim [@raphamorim]
-Author: by Simurai, adapted from DuoTone themes by Simurai for Atom (http://simurai.com/projects/2016/01/01/duotone-themes)
+ * https://github.com/raphamorim/lucario
-
+ *
-Conversion: Bram de Haan (http://atelierbram.github.io/Base2Tone-prism/output/prism/prism-base2tone-sea-dark.css)
+ * Ported for PrismJS by Christopher Kapic [@christopher-kapic]
-Generated with Base16 Builder (https://github.com/base16-builder/base16-builder)
+ */
-*/
 
 code[class*="language-"],
 pre[class*="language-"] {
-  font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono",
+  color: #f8f8f2;
-    "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
+  background: none;
-    "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L",
+  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
-    "Courier New", Courier, monospace;
+  font-family: Monaco, Consolas, "Andale Mono", "Ubuntu Mono", monospace;
   font-size: 14px;
-  line-height: 1.375;
-  direction: ltr;
   text-align: left;
   white-space: pre;
   word-spacing: normal;
   word-break: normal;
-
+  word-wrap: normal;
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
   tab-size: 4;
-
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
   hyphens: none;
-  background: #1d262f;
-  color: #57718e;
-}
-
-pre > code[class*="language-"] {
-  font-size: 1em;
-}
-
-pre[class*="language-"]::-moz-selection,
-pre[class*="language-"] ::-moz-selection,
-code[class*="language-"]::-moz-selection,
-code[class*="language-"] ::-moz-selection {
-  text-shadow: none;
-  background: #004a9e;
-}
-
-pre[class*="language-"]::selection,
-pre[class*="language-"] ::selection,
-code[class*="language-"]::selection,
-code[class*="language-"] ::selection {
-  text-shadow: none;
-  background: #004a9e;
 }
 
 /* Code blocks */
@@ -57,87 +26,81 @@ pre[class*="language-"] {
   padding: 1em;
   margin: 0.5em 0;
   overflow: auto;
+  border-radius: 0.3em;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #263e52;
 }
 
 /* Inline code */
 :not(pre) > code[class*="language-"] {
   padding: 0.1em;
   border-radius: 0.3em;
+  white-space: normal;
 }
 
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
-  color: #4a5f78;
+  color: #5c98cd;
 }
 
 .token.punctuation {
-  color: #4a5f78;
+  color: #f8f8f2;
 }
 
-.token.namespace {
+.namespace {
   opacity: 0.7;
 }
 
-.token.tag,
-.token.operator,
-.token.number {
-  color: #0aa370;
-}
-
 .token.property,
-.token.function {
+.token.tag,
-  color: #57718e;
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #f05e5d;
 }
 
-.token.tag-id,
-.token.selector,
-.token.atrule-id {
-  color: #ebf4ff;
-}
-
-code.language-javascript,
-.token.attr-name {
-  color: #7eb6f6;
-}
-
-code.language-css,
-code.language-scss,
 .token.boolean,
+.token.number {
+  color: #bc94f9;
+}
+
+.token.selector,
+.token.attr-name,
 .token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #fcfcd6;
+}
+
+.token.operator,
 .token.entity,
 .token.url,
 .language-css .token.string,
-.language-scss .token.string,
 .style .token.string,
-.token.attr-value,
-.token.keyword,
-.token.control,
-.token.directive,
-.token.unit,
-.token.statement,
-.token.regex,
-.token.atrule {
-  color: #47ebb4;
-}
-
-.token.placeholder,
 .token.variable {
-  color: #47ebb4;
+  color: #f8f8f2;
 }
 
-.token.deleted {
+.token.atrule,
-  text-decoration: line-through;
+.token.attr-value,
+.token.function,
+.token.class-name {
+  color: #66d8ef;
 }
 
-.token.inserted {
+.token.keyword {
-  border-bottom: 1px dotted #ebf4ff;
+  color: #6eb26e;
-  text-decoration: none;
 }
 
-.token.italic {
+.token.regex,
-  font-style: italic;
+.token.important {
+  color: #f05e5d;
 }
 
 .token.important,
@@ -145,43 +108,10 @@ code.language-scss,
   font-weight: bold;
 }
 
-.token.important {
+.token.italic {
-  color: #7eb6f6;
+  font-style: italic;
 }
 
 .token.entity {
   cursor: help;
 }
-
-pre > code.highlight {
-  outline: 0.4em solid #34659d;
-  outline-offset: 0.4em;
-}
-
-/* overrides color-values for the Line Numbers plugin
- * http://prismjs.com/plugins/line-numbers/
- */
-.line-numbers.line-numbers .line-numbers-rows {
-  border-right-color: #1f2932;
-}
-
-.line-numbers .line-numbers-rows > span:before {
-  color: #2c3847;
-}
-
-/* overrides color-values for the Line Highlight plugin
-* http://prismjs.com/plugins/line-highlight/
-*/
-.line-highlight.line-highlight {
-  background: rgba(10, 163, 112, 0.2);
-  background: -webkit-linear-gradient(
-    left,
-    rgba(10, 163, 112, 0.2) 70%,
-    rgba(10, 163, 112, 0)
-  );
-  background: linear-gradient(
-    to right,
-    rgba(10, 163, 112, 0.2) 70%,
-    rgba(10, 163, 112, 0)
-  );
-}