config/tailwind.config.js in panda_cms-0.3.15 vs config/tailwind.config.js in panda_cms-0.5.0

@@ -10,17 +10,21 @@
       "../app/javascript/panda_cms/**/*.js",
       "../vendor/javascript/**/*.js",
     ],
   },
   theme: {
-    extend: {
-      colors: {
-        "panda-cms": {
-          light: "#C8F5FF",
-          dark: "#282E32",
-          alternate: "#FB61BD",
-        },
-      },
+    colors: {
+      transparent: "transparent",
+      current: "currentColor",
+      white: "rgb(var(--color-white) / <alpha-value>)",
+      black: "rgb(var(--color-black) / <alpha-value>)",
+      light: "rgb(var(--color-light) / <alpha-value>)",
+      mid: "rgb(var(--color-mid) / <alpha-value>)",
+      dark: "rgb(var(--color-dark) / <alpha-value>)",
+      highlight: "rgb(var(--color-highlight) / <alpha-value>)",
+      active: "rgb(var(--color-active) / <alpha-value>)",
+      warning: "rgb(var(--color-warning) / <alpha-value>)",
+      error: "rgb(var(--color-error) / <alpha-value>)",
     },
   },
   plugins: [
     require("@tailwindcss/forms"),
     require("@tailwindcss/aspect-ratio"),