如何为daisyUI主题添加颜色色调并使用btn-xxx类名？

我希望为daisyUI的dark主题添加颜色色调，尝试过这样配置：

dark: {
          primary: {
            100: '#f5f9f3',
            200: '#ebf3e6',
            ...
          },
          'primary-focus': '#48604f',
          'primary-content': '#272525',

但使用btn-primary-100类时完全无效。以下是我完整的tailwind.config.js文件中dark主题的配置：

dark: {
          primary: '#cde2c1',
          'primary-focus': '#48604f',
          'primary-content': '#272525',

          secondary: '#48604f',
          'secondary-focus': '#f9e1e1',
          'secondary-content': '#cde2c1',

          accent: '#e9e7e7',
          'accent-focus': '#d1cccc',
          'accent-content': '#2a2e37',

          neutral: '#2a2e37',
          'neutral-focus': '#16181d',
          'neutral-content': '#ffffff',

          'base-100': '#23351e',
          'base-200': '#243b1d',
          'base-300': '#1d2c19',
          'base-content': '#cde2c1',

          info: '#66c7ff',
          success: '#87cf3a',
          warning: '#e1d460',
          error: '#ff6b6b',

          '--rounded-box': '1rem',
          '--rounded-btn': '.5rem',
          '--rounded-badge': '1.9rem',

          '--animation-btn': '.25s',
          '--animation-input': '.2s',

          '--btn-text-case': 'uppercase',
          '--navbar-padding': '.5rem',
          '--border-btn': '1px'
        },

我试过各种方法都没解决，目前只找到一个临时方案：通过theme.extend扩展颜色：

theme: {
    extend: {
      colors: {
        primary: {
          100: "#f5f9f3",
          200: "#ebf3e6",
          ...
        }
      }
    }
  },

但这种方式下我必须用btn bg-primary-600 text-primary-content这样的组合类，我希望能直接使用btn-开头的类名，请问有没有解决方案？

内容的提问来源于stack exchange，提问作者HSinghHira