From: Lady <redacted>
Date: Wed, 3 May 2023 02:26:58 +0000 (-0700)
Subject: Use Shades of Purple as the highlight.js theme
X-Git-Url: https://git.ladys.computer/Blog/commitdiff_plain/42d2067f412ccd17c0a66f3fc2881bdadcacb972?ds=inline
Use Shades of Purple as the highlight.js theme
---
diff --git a/index#entry.xhtml b/index#entry.xhtml
index 97ee62a..1e08aac 100644
--- a/index#entry.xhtml
+++ b/index#entry.xhtml
@@ -2,6 +2,7 @@
<head>
<meta name="viewport" content="width=480"/>
<link rel="stylesheet" type="text/css" href="/style.css"/>
+ <link rel="stylesheet" type="text/css" href="/shades-of-purple.css"/>
</head>
<body>
<header>
diff --git a/index#feed.xhtml b/index#feed.xhtml
index 918857e..3e8d2b3 100644
--- a/index#feed.xhtml
+++ b/index#feed.xhtml
@@ -2,6 +2,7 @@
<head>
<meta name="viewport" content="width=480"/>
<link rel="stylesheet" type="text/css" href="/style.css"/>
+ <link rel="stylesheet" type="text/css" href="/shades-of-purple.css"/>
</head>
<body>
<header>
diff --git a/shades-of-purple.css b/shades-of-purple.css
new file mode 100644
index 0000000..8281125
--- /dev/null
+++ b/shades-of-purple.css
@@ -0,0 +1,96 @@
+/**
+ * Shades of Purple Theme — for Highlightjs.
+ *
+ * @author (c) Ahmad Awais <https://twitter.com/mrahmadawais/>
+ * @link GitHub Repo → https://github.com/ahmadawais/Shades-of-Purple-HighlightJS
+ * @version 1.5.0
+ */
+
+.hljs {
+ display: block;
+ overflow-x: auto;
+ font-family: 'Operator Mono', 'Fira Code', 'Menlo', 'Monaco', 'Courier New', 'monospace';
+ line-height: 1.45;
+ padding: 2rem;
+ background: #2d2b57;
+ font-weight: normal;
+}
+
+.hljs-title {
+ color: #fad000;
+ font-weight: normal;
+}
+
+.hljs-name {
+ color: #a1feff;
+}
+
+.hljs-tag {
+ color: #ffffff;
+}
+
+.hljs-attr {
+ color: #f8d000;
+ font-style: italic;
+}
+
+.hljs-built_in,
+.hljs-selector-tag,
+.hljs-section {
+ color: #fb9e00;
+}
+
+.hljs-keyword {
+ color: #fb9e00;
+}
+
+.hljs,
+.hljs-subst {
+ color: #e3dfff;
+}
+
+.hljs-string,
+.hljs-attribute,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition,
+.hljs-code,
+.hljs-regexp,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-template-tag,
+.hljs-quote,
+.hljs-deletion {
+ color: #4cd213;
+}
+
+.hljs-meta,
+.hljs-meta-string {
+ color: #fb9e00;
+}
+
+.hljs-comment {
+ color: #ac65ff;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-name,
+.hljs-strong {
+ font-weight: normal;
+}
+
+.hljs-literal,
+.hljs-number {
+ color: #fa658d;
+}
+
+.hljs-emphasis {
+ font-style: italic;
+}
+
+.hljs-strong {
+ font-weight: bold;
+}