aboutsummaryrefslogtreecommitdiff
path: root/web/pw-server/src/styles
diff options
context:
space:
mode:
authorIlion Beyst <ilion.beyst@gmail.com>2022-09-13 21:24:11 +0200
committerIlion Beyst <ilion.beyst@gmail.com>2022-09-13 21:24:11 +0200
commit3eedbc0b855f468804ddc4e6ef6f207200550022 (patch)
treeeae5d61e73da804e73778025321b5fcb295232f6 /web/pw-server/src/styles
parent380a1d8f4e977298e7d046b66ee874d1738b8672 (diff)
downloadplanetwars.dev-3eedbc0b855f468804ddc4e6ef6f207200550022.tar.xz
planetwars.dev-3eedbc0b855f468804ddc4e6ef6f207200550022.zip
add prism syntax highlighting theme
Diffstat (limited to 'web/pw-server/src/styles')
-rw-r--r--web/pw-server/src/styles/global.scss1
-rw-r--r--web/pw-server/src/styles/prism.scss126
2 files changed, 127 insertions, 0 deletions
diff --git a/web/pw-server/src/styles/global.scss b/web/pw-server/src/styles/global.scss
index 9ead606..642d54a 100644
--- a/web/pw-server/src/styles/global.scss
+++ b/web/pw-server/src/styles/global.scss
@@ -1,2 +1,3 @@
@forward "./variables.scss";
@forward "./buttons.scss";
+@forward "./prism.scss";
diff --git a/web/pw-server/src/styles/prism.scss b/web/pw-server/src/styles/prism.scss
new file mode 100644
index 0000000..7e5e2dd
--- /dev/null
+++ b/web/pw-server/src/styles/prism.scss
@@ -0,0 +1,126 @@
+/**
+ * GHColors theme by Avi Aryan (http://aviaryan.in)
+ * Inspired by Github syntax coloring
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+ color: #393a34;
+ font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
+ direction: ltr;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ font-size: 0.9em;
+ line-height: 1.2em;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+}
+
+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-"] {
+ padding: 1em;
+ margin: 0.5em 0;
+ overflow: auto;
+ border: 1px solid #dddddd;
+ background-color: white;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+ padding: 0.2em;
+ padding-top: 1px;
+ padding-bottom: 1px;
+ background: #f8f8f8;
+ border: 1px solid #dddddd;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: #999988;
+ font-style: italic;
+}
+
+.token.namespace {
+ opacity: 0.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.atrule,
+.token.keyword,
+.token.attr-name,
+.language-autohotkey .token.selector {
+ color: #00a4db;
+}
+
+.token.function,
+.token.deleted,
+.language-autohotkey .token.tag {
+ color: #9a050f;
+}
+
+.token.tag,
+.token.selector,
+.language-autohotkey .token.keyword {
+ color: #00009f;
+}
+
+.token.important,
+.token.function,
+.token.bold {
+ font-weight: bold;
+}
+
+.token.italic {
+ font-style: italic;
+}