changed prism colors

2025-11-11 05:56:40 +01:00 · 2022-09-11 22:39:35 +02:00
parent 31c106c58e
commit 859c1d81b7
7 changed files with 406 additions and 120 deletions
--- a/src/assets/scss/prism/github.scss
+++ b/src/assets/scss/prism/github.scss
@@ -0,0 +1,131 @@
+/**
+ * GHColors theme by Avi Aryan (http://aviaryan.in)
+ * Inspired by Github syntax coloring
+ */
+[data-theme="light"] {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    color: #393A34;
+    direction: ltr;
+    font-family: Consolas, Bitstream Vera Sans Mono, Courier New, Courier, monospace;
+    font-size: .9em;
+
+    -webkit-hyphens: none;
+    -moz-hyphens: none;
+    -ms-hyphens: none;
+    hyphens: none;
+    line-height: 1.2em;
+
+    -moz-tab-size: 4;
+    -o-tab-size: 4;
+    tab-size: 4;
+    text-align: left;
+    white-space: pre;
+    word-break: normal;
+    word-spacing: normal;
+  }
+
+  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 {
+    background: #b3d4fc;
+  }
+
+  pre[class*="language-"]::selection,
+  pre[class*="language-"] ::selection,
+  code[class*="language-"]::selection,
+  code[class*="language-"] ::selection {
+    background: #b3d4fc;
+  }
+
+  /* Code blocks */
+  pre[class*="language-"] {
+    background-color: #fff;
+    border: 1px solid #dddddd;
+    margin: .5em 0;
+    overflow: auto;
+    padding: 1em;
+  }
+
+  /* Inline code */
+  :not(pre)>code[class*="language-"] {
+    background: #f8f8f8;
+    border: 1px solid #dddddd;
+    padding: .2em;
+    padding-bottom: 1px;
+    padding-top: 1px;
+  }
+
+  .token.comment,
+  .token.prolog,
+  .token.doctype,
+  .token.cdata {
+    color: #999988;
+    font-style: italic;
+  }
+
+  .token.namespace {
+    opacity: .7;
+  }
+
+  .token.string,
+  .token.attr-value {
+    color: #e3116c;
+  }
+
+  .token.punctuation,
+  .token.operator {
+    color: #393A34;
+    /* no highlight */
+  }
+
+  .token.entity,
+  .token.url,
+  .token.symbol,
+  .token.number,
+  .token.boolean,
+  .token.variable,
+  .token.constant,
+  .token.property,
+  .token.regex,
+  .token.inserted {
+    color: #36acaa;
+  }
+  .token.tag,
+  .token.selector {
+    color: #00009f;
+  }
+
+  .token.atrule,
+  .token.keyword,
+  .token.attr-name,
+  .language-autohotkey .token.selector {
+    color: #00a4db;
+  }
+
+  .token.function,
+  .token.deleted,
+  .language-autohotkey .token.tag {
+    color: #9a050f;
+  }
+
+  .language-autohotkey .token.keyword {
+    color: #00009f;
+  }
+
+  .token.important,
+  .token.function,
+  .token.bold {
+    font-weight: bold;
+  }
+
+  .token.italic {
+    font-style: italic;
+  }
+
+}