General settings

Starting with the app version, 4.0, a theme fro the app, dark or light, can be selected in User settings.

Advanced customization

Advanced customization allows to customize the chart page appearance, be it toolbar or the chart itself. The field accepts CSS.

For example, it is possible to hide unused toolbar buttons to make the toolbar more convenient for you. Following example removes “Save parents to Jira” button from the toolbar.

button:has(img[src$="/jira.svg"])
{ display: none }

Common CSS for Gantt charts

Use the CSS snippets below to adjust the chart appearance. Add them in User Settings → Advanced Customization. Update colors to match your preferences.

CSS	Outcome

CSS	Outcome
`.gantt_task_line.gantt_project, .gantt_task_line.gantt_folder { border: 1px solid grey; background-color: #3db9d3; }`	Parent tasks look like regular tasks in the timeline. The bar is full instead of a bracket style.
`.deadline { display: none; }`	Hides deadlines in the timeline. The green arrows are not shown.
`.gantt-chart-container .gantt_task_progress { height: 4px; background-color: red; }`	Changes the color and height of the progress bar inside the task bar in the timeline.
`.gsj-progress-done { background-color: red; }`	Changes the color of the progress bar in the Progress table column.
`.gsj-top-down-conflict-bar { background-color: orange; }`	Changes the color of the conflict indicator when child tasks extend beyond the parent task dates.
`.gsj-top-down-conflict-bar { background-color: transparent; }`	Removes the conflict indicator when child tasks extend beyond the parent task dates.

Today Marker Position

The positioning of the Today marker is defined as a percentage relative to the start of the Timeline, in numeric format (0–100).

The setting affects the timeline display after a page refresh, as the Today marker will be positioned according to the configured setting.

Duration format

Configure a default duration format to be applied to tasks, table columns, and the Resource panel workload column, provided the duration format for these columns has not been manually selected beforehand.

Week start day

Choose the day your week starts on. Select User language match to follow your locale settings (language), or override it by choosing Sunday or Monday for a custom start day.