]> Lady’s Gitweb - Blog/commitdiff
Use Shades of Purple as the highlight.js theme
authorLady <redacted>
Wed, 3 May 2023 02:26:58 +0000 (19:26 -0700)
committerLady <redacted>
Thu, 4 May 2023 03:11:39 +0000 (20:11 -0700)
index#entry.xhtml
index#feed.xhtml
shades-of-purple.css [new file with mode: 0644]

index 97ee62a985816069f6b27ad0d37e0658bf36bcbb..1e08aacde67e900e55f6eafa2484a9951bc0e263 100644 (file)
@@ -2,6 +2,7 @@
 <head>
        <meta name="viewport" content="width=480"/>
        <link rel="stylesheet" type="text/css" href="/style.css"/>
 <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>
 </head>
 <body>
        <header>
index 918857e1f6b75c5094c77a2e712041be474426b2..3e8d2b3cca4dad9ac357dc90994dad92260cf99b 100644 (file)
@@ -2,6 +2,7 @@
 <head>
        <meta name="viewport" content="width=480"/>
        <link rel="stylesheet" type="text/css" href="/style.css"/>
 <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>
 </head>
 <body>
        <header>
diff --git a/shades-of-purple.css b/shades-of-purple.css
new file mode 100644 (file)
index 0000000..8281125
--- /dev/null
@@ -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;
+}
This page took 0.024622 seconds and 4 git commands to generate.