Темная тема Antd заменяет мою собственную css. Как это решить? - PullRequest
Новая
       30

Темная тема Antd заменяет мою собственную css. Как это решить?

0 голосов
/ 02 августа 2020

Я установил antd в проект CRA. И я создал некоторые из моих собственных классов и переопределил значение по умолчанию и css.

Затем мне понадобился компонент таблицы andt, но с темной темой. Итак, установил темную тему с помощью веб-пакета, но не удалось. Так что я попробовал с Craco и работал нормально. Используя craco-less, успешно установлена ​​темная тема, но теперь она заменяет мою css.

После того, как я проверил причину в режиме проверки, мой css переопределяет значение по умолчанию и css и темную тему имеет приоритет над моим.

У кого-нибудь возникали подобные проблемы? Заранее спасибо.

1 Ответ

0 голосов
/ 02 августа 2020

Следуя руководству antd Customize-Theme , вы можете использовать u craco config craco.config.js как в примере для переопределения переменных темы.

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

module.exports = {
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            modifyVars: { '@primary-color': '#1DA57A' },
            javascriptEnabled: true,
          },
        },
      },
    },
  ],
};

По моему опыту, вы должны использовать less файлы, чтобы переопределить less из antd, поэтому попробуйте переместить свои собственные стили в файлы less.

Проверьте эту ветку тоже для подробного описания.

...