<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>
<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>
--- /dev/null
+/**
+ * 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;
+}