Настройка темы
OpenBPM Tasklist использует библиотеку Ant Design в качестве основы интерфейса. Это обеспечивает современный, адаптивный и настраиваемый дизайн приложения.
Вы можете изменить внешний вид Tasklist, настроив тему под фирменные цвета и стили вашей организации.
Общее
Ant Design поддерживает так называемые Design Tokens — переменные, определяющие цвета, шрифты, отступы и другие параметры оформления. В OpenBPM Tasklist все настройки темы сосредоточены в одном месте — в файле:
src/features/theme/openbpmTheme.ts
Изменение темы
-
Откройте файл:
src/features/theme/openbpmTheme.ts -
Найдите объект с токенами дизайна (например,
colorPrimary,borderRadius,fontFamily). -
Измените значения параметров в соответствии с вашими предпочтениями.
Пример изменения основной цветовой схемы
export const openbpmTheme = {
token: {
colorPrimary: '#0A84FF', // основной цвет интерфейса
colorBgBase: '#FFFFFF', // цвет фона
colorTextBase: '#1F1F1F', // цвет основного текста
borderRadius: 8, // скругление углов
},
};
После сохранения изменений перезапустите приложение — Tasklist автоматически применит новую цветовую схему.
Подробнее читайте в официальной документации Ant Design: https://ant.design/docs/react/customize-theme