THEME SUPPORT #26

tailwind.config.js

@@ -7,9 +7,40 @@ module.exports = {
     extend: {},
   },
   plugins: [
-    require('@catppuccin/tailwindcss')({
-      prefix: 'ctp',
-      defaultFlavour: 'mocha'
+    require('tailwindcss-themer')({
+      defaultTheme: {
+        // put the default values of any config you want themed
+        // just as if you were to extend tailwind's theme like normal https://tailwindcss.com/docs/theme#extending-the-default-theme
+        extend: {
+          // colors is used here for demonstration purposes
+          colors: {
+            primary: 'red'
+          }
+        }
+      },
+      themes: [
+        {
+          // name your theme anything that could be a valid css class name
+          // remember what you named your theme because you will use it as a class to enable the theme
+          name: 'my-theme',
+          // put any overrides your theme has here
+          // just as if you were to extend tailwind's theme like normal https://tailwindcss.com/docs/theme#extending-the-default-theme
+          extend: {
+            colors: {
+              "primary": '#141515',
+              "secondary": '#1e1f1f',
+              "overlay0": '#282a2a',
+              "overlay1": '#323434',
+              "surface0": '#393B3B',
+              "surface1": '#3F4242',
+              "crust": '#0C0C0C',
+              "purple": '#D946EF',
+              "red": "#980C0C"
+
+            }
+          }
+        }
+      ]
     }),
     require('@tailwindcss/typography'),
     require("@tailwindcss/forms")