wip: new design

packages/tailwindcss/package.json

@@ -10,10 +10,10 @@
 		".": "./tailwind.config.js"
 	},
 	"devDependencies": {
+		"@evilmartians/harmony": "^1.2.0",
 		"@tailwindcss/forms": "^0.5.7",
 		"@tailwindcss/typography": "^0.5.10",
 		"tailwind-scrollbar": "^3.0.5",
-		"tailwindcss": "^3.4.1",
-		"tailwindcss-radix-colors": "^1.2.0"
+		"tailwindcss": "^3.4.1"
 	}
 }

packages/tailwindcss/tailwind.config.js

@@ -1,7 +1,10 @@
 /** @type {import('tailwindcss').Config} */
 
+import harmonyPalette from "@evilmartians/harmony/tailwind";
+
 const config = {
   theme: {
+    colors: harmonyPalette,
     extend: {
       keyframes: {
         slideDownAndFade: {
@@ -45,7 +48,6 @@ const config = {
   plugins: [
     require("@tailwindcss/forms"),
     require("@tailwindcss/typography"),
-    require("tailwindcss-radix-colors"),
     require("tailwind-scrollbar")({ nocompatible: true }),
   ],
 };