Theme toggle

2024-03-17 19:01:50 -07:00
parent 73402aec0b
commit e96e679a35
16 changed files with 215 additions and 21 deletions
@@ -1,13 +1,78 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
  content: [
-    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
-    "./src/**/*.{js,ts,jsx,tsx,mdx}"
+    "./src/pages/*.{js,ts,jsx,tsx,mdx}",
+    "./src/components/*.{js,ts,jsx,tsx,mdx}",
+    "./src/app/*.{js,ts,jsx,tsx,mdx}",
  ],
+  darkMode: 'class',
  theme: {
-    extend: {},
+    extend: {
+      colors: {
+        light:{
+          DEFAULT: "#fbf1c7",
+          red: {
+            1: "#cc241d",
+            2: "#9d0006"
+          },
+          orange: {
+            1: "#d65d0e", 
+            2: "#af3a03"
+          },
+          green: {
+            1: "#98971a",
+            2: "#79740e"
+          },
+          yellow: {
+            1: "#d79921",
+            2: "#b57614"
+          },
+          blue: {
+            1: "#458588",
+            2: "#076678"
+          },
+          purple: {
+            1: "#b16286",
+            2: "#8f3f71"
+          },
+          aqua: {
+            1: "#689d6a",
+            2: "#427b58"
+          },
+        },
+        dark: {
+          DEFAULT: "#282828",
+          red: {
+            1: "#cc241d",
+            2: "#fb4934"
+          },
+          orange: {
+            1: "#d65d0e",
+            2: "#fe8019"
+          },
+          green: {
+            1: "#98971a",
+            2: "#b8bb26"
+          },
+          yellow: {
+            1: "#d79921",
+            2: "#fabd2f"
+          },
+          blue: {
+            1: "#458588",
+            2: "#83a598"
+          },
+          purple: {
+            1: "#b16286",
+            2: "#d3869b"
+          },
+          aqua: {
+            1: "#689d6a",
+            2: "#8ec07c"
+          },
+        },
+      },
+    },
  },
  plugins: [],
 };