const CracoLessPlugin = require('craco-less');

module.exports = {
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            modifyVars: {
              '@primary-color': '#1890FF',
              '@primary-color-hover': '#3B7CFF',
              '@error-color': '#F55E55',
              '@text-color': '#3B4859',
              '@menu-dark-bg': '#0052D9',
              '@layout-body-background': '#eeeeee',
              '@height-base': '36px',
              '@form-vertical-label-padding': '0 0 10px',
              '@normal-color': '#EFF1F5',
              '@label-color': '#3B4859',
              '@card-background': '#fbfbfb',
              '@heading-color': '#3B4859',
            },
            javascriptEnabled: true,
          },
        },
      },
    },
  ],
};