From b74b7526b6074366a690b4bd47f8e65f62c57296 Mon Sep 17 00:00:00 2001
From: Luck <git@lucko.me>
Date: Thu, 28 Oct 2021 22:42:03 +0100
Subject: [PATCH] Add 'darker' theme

---
 src/components/EditorPrismStyle.js | 21 ++++++++++++++++++++-
 src/style/themes.js                | 30 ++++++++++++++++++++++++++++++
 2 files changed, 50 insertions(+), 1 deletion(-)

diff --git a/src/components/EditorPrismStyle.js b/src/components/EditorPrismStyle.js
index 6f5e7a0..cf4107d 100644
--- a/src/components/EditorPrismStyle.js
+++ b/src/components/EditorPrismStyle.js
@@ -85,6 +85,22 @@ const Main = styled.main`
     color: ${props => props.theme.editor.property};
   }
 
+  .token.tag .punctuation {
+    color: ${props => props.theme.editor.primary};
+  }
+
+  .token.script > .token.punctuation {
+    color: ${props => props.theme.editor.punctuation};
+  }
+
+  .token.tag .attr-value {
+    color: ${props => props.theme.editor.selector};
+  }
+
+  .token.tag .script {
+    color: ${props => props.theme.editor.primary};
+  }
+
   .token.boolean {
     color: ${props => props.theme.editor.keyword};
   }
@@ -99,8 +115,11 @@ const Main = styled.main`
     color: ${props => props.theme.editor.number};
   }
 
+  .token.attr-name {
+    color: ${props => props.theme.editor.function};
+  }
+
   .token.selector,
-  .token.attr-name,
   .token.string,
   .token.char,
   .token.builtin,
diff --git a/src/style/themes.js b/src/style/themes.js
index eee9af4..d40e958 100644
--- a/src/style/themes.js
+++ b/src/style/themes.js
@@ -55,6 +55,36 @@ const themes = {
       variable: '#ee9900',
     },
   },
+
+  darker: {
+    primary: '#c9d1d9', // fg.default
+    secondary: '#010409', // canvas.inset
+    highlight: '#161b22', // canvas.overlay
+
+    editor: {
+      background: '#0d1117', // canvas.default
+      lineNumber: '#484f58', // fg.subtle
+      lineNumberHl: '#f0f6fc', // fg.onEmphasis
+      lineNumberHlBackground: '#161b22', // canvas.overlay
+      primary: '#c9d1d9', // fg.default
+      selection: '#c9d1d9', // fg.default
+
+      comment: '#8b949e',
+      commentTag: '#79c0ff',
+      punctuation: '#d2a8ff',
+      annotation: '#a5d6ff',
+      namespace: '#c9d1d9',
+      property: '#7ee787',
+      constant: '#ff7b72',
+      number: '#f2cc60',
+      selector: '#79c0ff',
+      operator: '#ff7b72',
+      keyword: '#ff7b72',
+      function: '#e2c5ff',
+      className: '#ffa657',
+      variable: '#ffa657',
+    },
+  },
 };
 
 export default themes;