Tema

Flowset Tasklist utiliza la biblioteca Ant Design como base de su interfaz. Esto proporciona una interfaz moderna, adaptable y personalizable.

Puedes modificar la apariencia de Tasklist ajustando el tema a la marca y al estilo de tu organización.

General

Ant Design admite los denominados design tokens: variables que definen colores, fuentes, espaciado y otros parámetros de estilo. En Flowset Tasklist, todos los ajustes del tema se encuentran en un único archivo:

src/features/theme/flowsetTheme.ts

Modificar el tema

  1. Abre el archivo:

    src/features/theme/flowsetTheme.ts
  2. Localiza el objeto que contiene los design tokens (por ejemplo, colorPrimary, borderRadius, fontFamily).

  3. Cambia los valores de los parámetros según tus necesidades.

Ejemplo de modificación del color principal

export const flowsetTheme = {
  token: {
    colorPrimary: '#0A84FF',     // primary interface color
    colorBgBase: '#FFFFFF',      // background color
    colorTextBase: '#1F1F1F',    // main text color
    borderRadius: 8,             // border radius
  },
};

Después de guardar los cambios, reinicia la aplicación: Tasklist aplicará automáticamente el nuevo esquema de colores.

Para obtener más detalles, consulta la documentación oficial de Ant Design: https://ant.design/docs/react/customize-theme