Encontre base16 para prismgit add .

package-lock.json

@@ -1514,6 +1514,11 @@
                 }
             }
         },
+        "base16-prism": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/base16-prism/-/base16-prism-0.2.0.tgz",
+            "integrity": "sha512-NuatnIe1iS75ABpjWhmwO1AGsNWZFnENmDxawaT/ToTiGPzfs1BTRl5dhicriTZRrI28XIIPVzoJ41CXnSlTKQ=="
+        },
         "base64-js": {
             "version": "1.3.1",
             "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.3.1.tgz",

package.json

@@ -18,6 +18,7 @@
         "vue-template-compiler": "^2.6.10"
     },
     "dependencies": {
+        "base16-prism": "^0.2.0",
         "normalize.css": "^8.0.1",
         "npm": "^6.11.2",
         "prism-themes": "^1.2.0",

public/css/prism.css

@@ -1 +1,165 @@
-code[class*=language-],pre[class*=language-]{color:#c5c8c6;text-shadow:0 1px rgba(0,0,0,.3);font-family:Inconsolata,Monaco,Consolas,Courier New,Courier,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#1d1f21}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#7c7c7c}.token.punctuation{color:#c5c8c6}.namespace{opacity:.7}.token.keyword,.token.property,.token.tag{color:#96cbfe}.token.class-name{color:#ffffb6;text-decoration:underline}.token.boolean,.token.constant{color:#9c9}.token.deleted,.token.symbol{color:#f92672}.token.number{color:#ff73fd}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a8ff60}.token.variable{color:#c6c5fe}.token.operator{color:#ededed}.token.entity{color:#ffffb6}.token.url{color:#96cbfe}.language-css .token.string,.style .token.string{color:#87c38a}.token.atrule,.token.attr-value{color:#f9ee98}.token.function{color:#dad085}.token.regex{color:#e9c062}.token.important{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[class*=language-]{border-radius:5px;border:none}code[class*=language-],pre[class*=language-]{font-family:monospace;font-size:1.1em;line-height:1.2em}
+/**
+ * base16-prism (https://github.com/h404bi/base16-prism)
+ * @license MIT
+ *
+ * prism.js Material Darker theme for JavaScript, CSS and HTML
+ * @author Nate Peterson
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+    color: #EEFFFF; /* base05 */
+    background: none;
+    text-shadow: 0 1px white;
+    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+    font-size: 1em;
+    text-align: left;
+    white-space: pre;
+    word-spacing: normal;
+    word-break: normal;
+    word-wrap: normal;
+    line-height: 1.5;
+
+    -moz-tab-size: 4;
+    -o-tab-size: 4;
+    tab-size: 4;
+
+    -webkit-hyphens: none;
+    -ms-hyphens: none;
+    hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+    color: inherit;
+    text-shadow: none;
+    background: #353535; /* base02 */
+}
+
+pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+code[class*="language-"]::selection, code[class*="language-"] ::selection {
+    color: inherit;
+    text-shadow: none;
+    background: #353535; /* base02 */
+}
+
+@media print {
+    code[class*="language-"],
+    pre[class*="language-"] {
+        text-shadow: none;
+    }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+    padding: 1em;
+    margin: .5em 0;
+    overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+    background: #212121; /* base00 */
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+    padding: .1em;
+    border-radius: .3em;
+    white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.cdata {
+    color: #4A4A4A; /* base03 */
+}
+
+.token.entity,
+.language-css .token.string,
+.style .token.string {
+    color: #B2CCD6; /* base04 */
+    background: #303030; /* base01 */
+}
+
+.token.punctuation {
+    color: #EEFFFF; /* base05 */
+}
+
+.token.variable,
+.token.tag,
+.token.operator,
+.token.deleted {
+    color: #F07178; /* base08 */
+}
+
+.token.property,
+.token.number,
+.token.boolean,
+.token.constant,
+.token.url {
+    color: #F78C6C; /* base09 */
+}
+
+.token.class-name,
+.token.bold {
+    color: #FFCB6B; /* base0A */
+}
+
+.token.string,
+.token.symbol,
+.token.attr-value,
+.token.inserted,
+.token.atrule {
+    color:#C3E88D; /* base0B */
+}
+
+.token.regex,
+.token.important {
+    color: #89DDFF; /* base0C */
+}
+
+.token.function,
+.token.attr-name {
+    color: #82AAFF; /* base0D */
+}
+
+.token.keyword,
+.token.selector,
+.token.italic,
+.token.char,
+.token.builtin {
+    color: #C792EA; /* base0E */
+}
+
+.token.doctype {
+    color: #FF5370; /* base0F */
+}
+
+.token.important,
+.token.bold {
+    font-weight: bold;
+}
+.token.italic {
+    font-style: italic;
+}
+
+.token.entity {
+    cursor: help;
+}
+
+.namespace {
+    opacity: .7;
+}
+pre[class*=language-] {
+  border-radius: 5px;
+  border: none;
+}
+
+code[class*=language-],
+pre[class*=language-] {
+  font-family: monospace;
+  font-size: 1.1em;
+  line-height: 1.2em;
+}
+

resources/sass/prism-theme.scss

@@ -1,4 +1,4 @@
-@import "~prism-themes/themes/prism-atom-dark.css";
+@import "~base16-prism/themes/base16-material-darker.css";
 
 pre[class*="language-"] {
     border-radius: 5px;
@@ -9,6 +9,7 @@ code[class*="language-"], pre[class*="language-"] {
     font-family: monospace;
     font-size: 1.1em;
     line-height: 1.2em;
+    text-shadow: none;
 }