Настройка темы

OpenBPM Tasklist использует библиотеку Ant Design в качестве основы интерфейса. Это обеспечивает современный, адаптивный и настраиваемый дизайн приложения.

Вы можете изменить внешний вид Tasklist, настроив тему под фирменные цвета и стили вашей организации.

Общее

Ant Design поддерживает так называемые Design Tokens — переменные, определяющие цвета, шрифты, отступы и другие параметры оформления. В OpenBPM Tasklist все настройки темы сосредоточены в одном месте — в файле:

src/features/theme/openbpmTheme.ts

Изменение темы

  1. Откройте файл:

    src/features/theme/openbpmTheme.ts
  2. Найдите объект с токенами дизайна (например, colorPrimary, borderRadius, fontFamily).

  3. Измените значения параметров в соответствии с вашими предпочтениями.

Пример изменения основной цветовой схемы

export const openbpmTheme = {
  token: {
    colorPrimary: '#0A84FF',     // основной цвет интерфейса
    colorBgBase: '#FFFFFF',      // цвет фона
    colorTextBase: '#1F1F1F',    // цвет основного текста
    borderRadius: 8,             // скругление углов
  },
};

После сохранения изменений перезапустите приложение — Tasklist автоматически применит новую цветовую схему.

Подробнее читайте в официальной документации Ant Design: https://ant.design/docs/react/customize-theme