From 9cfd3b2e07a9c9fcce314ed02890b20fc1b3024a Mon Sep 17 00:00:00 2001
From: Ian Obermiller <ian@obermillers.com>
Date: Tue, 8 Oct 2019 23:31:29 -0700
Subject: [PATCH] Remove prism dark theme

---
 src/templates/Layout.tsx       |  2 -
 src/templates/layout.scss      | 61 ++++++++++++++++++++++++++++-
 src/templates/prism-dark.scss  | 69 ---------------------------------
 src/templates/prism-light.scss | 71 ----------------------------------
 4 files changed, 60 insertions(+), 143 deletions(-)
 delete mode 100644 src/templates/prism-dark.scss
 delete mode 100644 src/templates/prism-light.scss

diff --git a/src/templates/Layout.tsx b/src/templates/Layout.tsx
index ca1757b..f1b8ddd 100644
--- a/src/templates/Layout.tsx
+++ b/src/templates/Layout.tsx
@@ -8,8 +8,6 @@ import DateText from './DateText';
 
 import './reset.css';
 import './layout.scss';
-import './prism-light.scss';
-import './prism-dark.scss';
 
 interface Props {
   children: ReactNodeArray;
diff --git a/src/templates/layout.scss b/src/templates/layout.scss
index 3679415..b758fbf 100644
--- a/src/templates/layout.scss
+++ b/src/templates/layout.scss
@@ -196,7 +196,66 @@ pre {
   }
 }
 
-// Shared Prism styes
+// Prism Code Highlighting
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: 0.7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #dd4a68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
 .token.important,
 .token.bold {
   font-weight: bold;
diff --git a/src/templates/prism-dark.scss b/src/templates/prism-dark.scss
deleted file mode 100644
index eaeb186..0000000
--- a/src/templates/prism-dark.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-@media (prefers-color-scheme: dark) {
-  /**
- * prism.js Dark theme for JavaScript, CSS and HTML
- * Based on the slides of the talk “/Reg(exp){2}lained/”
- * @author Lea Verou
- */
-
-  code[class*='language-'],
-  pre[class*='language-'] {
-    color: white;
-  }
-
-  .token.comment,
-  .token.prolog,
-  .token.doctype,
-  .token.cdata {
-    color: hsl(30, 20%, 50%);
-  }
-
-  .token.punctuation {
-    opacity: 0.7;
-  }
-
-  .namespace {
-    opacity: 0.7;
-  }
-
-  .token.property,
-  .token.tag,
-  .token.boolean,
-  .token.number,
-  .token.constant,
-  .token.symbol {
-    color: hsl(350, 40%, 70%);
-  }
-
-  .token.selector,
-  .token.attr-name,
-  .token.string,
-  .token.char,
-  .token.builtin,
-  .token.inserted {
-    color: hsl(75, 70%, 60%);
-  }
-
-  .token.operator,
-  .token.entity,
-  .token.url,
-  .language-css .token.string,
-  .style .token.string,
-  .token.variable {
-    color: hsl(40, 90%, 60%);
-  }
-
-  .token.atrule,
-  .token.attr-value,
-  .token.keyword {
-    color: hsl(350, 40%, 70%);
-  }
-
-  .token.regex,
-  .token.important {
-    color: #e90;
-  }
-
-  .token.deleted {
-    color: red;
-  }
-}
diff --git a/src/templates/prism-light.scss b/src/templates/prism-light.scss
deleted file mode 100644
index 2a9ee35..0000000
--- a/src/templates/prism-light.scss
+++ /dev/null
@@ -1,71 +0,0 @@
-@media not all and (prefers-color-scheme: dark) {
-  /**
- * prism.js default theme for JavaScript, CSS and HTML
- * Based on dabblet (http://dabblet.com)
- * @author Lea Verou
- */
-
-  code[class*='language-'],
-  pre[class*='language-'] {
-    color: black;
-  }
-
-  .token.comment,
-  .token.prolog,
-  .token.doctype,
-  .token.cdata {
-    color: slategray;
-  }
-
-  .token.punctuation {
-    color: #999;
-  }
-
-  .namespace {
-    opacity: 0.7;
-  }
-
-  .token.property,
-  .token.tag,
-  .token.boolean,
-  .token.number,
-  .token.constant,
-  .token.symbol,
-  .token.deleted {
-    color: #905;
-  }
-
-  .token.selector,
-  .token.attr-name,
-  .token.string,
-  .token.char,
-  .token.builtin,
-  .token.inserted {
-    color: #690;
-  }
-
-  .token.operator,
-  .token.entity,
-  .token.url,
-  .language-css .token.string,
-  .style .token.string {
-    color: #9a6e3a;
-  }
-
-  .token.atrule,
-  .token.attr-value,
-  .token.keyword {
-    color: #07a;
-  }
-
-  .token.function,
-  .token.class-name {
-    color: #dd4a68;
-  }
-
-  .token.regex,
-  .token.important,
-  .token.variable {
-    color: #e90;
-  }
-}