From f616572e2a346189b1596c337abed08b720d88cc Mon Sep 17 00:00:00 2001
From: Mark Erikson <mark@isquaredsoftware.com>
Date: Sat, 2 Dec 2023 22:07:01 -0500
Subject: [PATCH] Update theme to monokai to match other sites

---
 website/docusaurus.config.ts | 10 ++----
 website/monokaiTheme.js      | 62 ++++++++++++++++++++++++++++++++++++
 2 files changed, 65 insertions(+), 7 deletions(-)
 create mode 100644 website/monokaiTheme.js

diff --git a/website/docusaurus.config.ts b/website/docusaurus.config.ts
index a77ff319..8eb533bf 100644
--- a/website/docusaurus.config.ts
+++ b/website/docusaurus.config.ts
@@ -8,7 +8,7 @@ const config: Config = {
   favicon: 'img/favicon.ico',
 
   // Set the production url of your site here
-  url: 'https://reselect-docs.netlify.app',
+  url: 'https://reselect.js.org',
   // Set the /<baseUrl>/ pathname under which your site is served
   // For GitHub pages deployment, it is often '/<projectName>/'
   baseUrl: '/',
@@ -54,10 +54,7 @@ const config: Config = {
     // image: 'img/docusaurus-social-card.jpg',
     navbar: {
       title: 'Reselect',
-      logo: {
-        alt: 'My Site Logo',
-        src: 'img/logo.svg'
-      },
+
       items: [
         {
           type: 'doc',
@@ -107,8 +104,7 @@ const config: Config = {
       copyright: `Copyright © ${new Date().getFullYear()} by the Redux Maintainers. Built with Docusaurus.`
     },
     prism: {
-      theme: prismThemes.github,
-      darkTheme: prismThemes.dracula
+      theme: require('./monokaiTheme.js')
     }
   } satisfies ThemeConfig
 }
diff --git a/website/monokaiTheme.js b/website/monokaiTheme.js
new file mode 100644
index 00000000..8b5ffb46
--- /dev/null
+++ b/website/monokaiTheme.js
@@ -0,0 +1,62 @@
+module.exports = {
+  plain: {
+    color: '#f8f8f2',
+    backgroundColor: '#272822'
+  },
+  styles: [
+    {
+      types: ['comment', 'prolog', 'doctype', 'cdata'],
+      style: {
+        color: '#778090'
+      }
+    },
+    {
+      types: ['punctuation'],
+      style: {
+        color: '#F8F8F2'
+      }
+    },
+    {
+      types: ['property', 'tag', 'constant', 'symbol', 'deleted'],
+      style: {
+        color: '#F92672'
+      }
+    },
+    {
+      types: ['boolean', 'number'],
+      style: {
+        color: '#AE81FF'
+      }
+    },
+    {
+      types: ['selector', 'attr-name', 'string', 'char', 'builtin', 'inserted'],
+      style: {
+        color: '#a6e22e'
+      }
+    },
+    {
+      types: ['operator', 'entity', 'url', 'variable'],
+      style: {
+        color: '#F8F8F2'
+      }
+    },
+    {
+      types: ['atrule', 'attr-value', 'function'],
+      style: {
+        color: '#E6D874'
+      }
+    },
+    {
+      types: ['keyword'],
+      style: {
+        color: '#F92672'
+      }
+    },
+    {
+      types: ['regex', 'important'],
+      style: {
+        color: '#FD971F'
+      }
+    }
+  ]
+}