Update theme to monokai to match other sites

reduxjs · Dec 3, 2023 · f616572 · f616572
1 parent 31f2228
commit f616572
Show file tree

Hide file tree

Showing 2 changed files with 65 additions and 7 deletions.
diff --git 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
@@ -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'
+      }
+    }
+  ]
+}