From: Lady 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;hp=bb0407b1891330f2f759528154c98d3420a285f5 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 @@ +

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 @@ +

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 + * @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; +}