Available Skins

dhtmlxGantt provides several predefined skins that you can use to change the overall look of the Gantt chart:

  1. Terrace (default)
  2. Skyblue
  3. Meadow
  4. Broadway
  5. Contrast Black
  6. Contrast White
  7. Material

Each skin requires including its specific files.

'Teracce' skin

To apply the default skin, include the default CSS file:

  • dhtmlxgantt.css

Related sample:  Default skin

'Skyblue' skin

To apply the 'Skyblue' skin, include the CSS file as in:

  • dhtmlxgantt_skyblue.css

Related sample:  'Skyblue' skin

'Meadow' skin

To apply the 'Meadow' skin, include the CSS file as in:

  • dhtmlxgantt_meadow.css

Related sample:  'Meadow' skin

'Broadway' skin

To apply the 'Broadway' skin, include the CSS file as in:

  • dhtmlxgantt_broadway.css

Related sample:  'Broadway' skin

'Contrast Black' skin

To apply the 'Contrast Black' skin, include the related CSS file:

  • dhtmlxgantt_contrast_black.css

Related sample:  High contrast theme - Black

'Contrast White' skin

To apply the 'Contrast White' skin, include the related CSS file:

  • dhtmlxgantt_contrast_white.css

Related sample:  High contrast theme - White

'Material' skin

To apply the 'Material' skin, include the related CSS file:

  • dhtmlxgantt_material.css

Related sample:  Material theme

Back to top