Custom accent color?

[hognevevle]

Currently it seems you are limited to a predefined set of colors. Is there a way to set a custom color to match our brand?

[createwithjames]

Second this

[felixtosh]

third this

[piscis]

You can archive this right now by develop a theme locally and compile it into a formkit theme via CLI. But I think there would be a lot of refactoring involved to make it work with the only editor

[elvisdt17]

after you're done customizing your theme in the Formkit Theme Editor, just replace the variable accentColor with the name of your custom accent in the command you have to run in the terminal to install the theme in your project.

npx formkit@latest theme --theme=regenesis --variables="radius=rounded-lg,accentColor=myaccent,colorTemperature=slate,spacing=2,scale=sm,inputShadow=shadow-sm,baseColorShade=500,borderShadeLightMode=200,borderShadeDarkMode=200,inputMaxWidth=max-w-none,tagRadius=rounded,swatchRadius=rounded"

then, add that new accent color to your tailwind.config.js.

module.exports = {
  theme: {
    extend: {
      colors: {
        myaccent: {
          50:  '#f3f8fc',
          100: '#e0eef9',
          200: '#b5d8f1',
          300: '#89c1e8',
          400: '#5daae0',
          500: '#345B88', // Your main accent color
          600: '#2d4d75',
          700: '#253f61',
          800: '#1d324e',
          900: '#15253b',
        },
      },
    },
  },
  plugins: [],
};