皮肤（Skins）

dhtmlxGantt 提供了多种预设皮肤，可轻松更改甘特图的整体外观：

从 9.0 版本开始，所有皮肤都包含在主 dhtmlxgantt.css 文件中。你可以通过设置 gantt.skin 属性来激活某个皮肤：

gantt.skin = "dark";

或者，也可以使用 gantt.setSkin() 方法：

gantt.setSkin("dark");

在 8.0 及更早版本中，皮肤作为独立的 CSS 文件提供。

默认情况下，皮肤会从 https://fonts.googleapis.com 加载 Inter 字体。关于 Google Fonts 的更多信息可参考此处。

@import (css) url(
'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap'
);

如有需要，你可以直接从 codebase/sources/less/ 文件夹下的 .less 文件中移除字体导入，然后按照皮肤自定义文章中的说明重新构建皮肤。

Terrace 皮肤

要使用默认皮肤，只需引入默认 CSS 文件：

DHTMLX Gantt - Light Theme

要应用 Dark 皮肤，同样引入默认 CSS 文件：

然后通过 gantt.skin 属性设置皮肤：

gantt.skin = "dark";

DHTMLX Gantt - Dark Theme

要使用 Material 皮肤，依然需要引入默认 CSS 文件：

通过 gantt.skin 属性设置皮肤：

gantt.skin = "material";

从 6.3 版本开始，Material 皮肤不再自动导入 Roboto 字体。如有需要，可手动添加 Roboto 字体，方式如下：

<link rel="stylesheet" href="'https://fonts.googleapis.com/css?'+
    +'family=Open+Sans|Roboto:regular,medium,thin,bold'">

要使用 Contrast Black 皮肤，同样需引入默认 CSS 文件：

然后通过 gantt.skin 属性设置皮肤：

gantt.skin = "contrast-black";

要应用 Contrast White 皮肤，需引入默认 CSS 文件：

通过 gantt.skin 属性设置皮肤：

gantt.skin = "contrast-white";

要使用 Skyblue 皮肤，需引入默认 CSS 文件：

通过 gantt.skin 属性设置皮肤：

gantt.skin = "skyblue";

要应用 Meadow 皮肤，引入默认 CSS 文件：

通过 gantt.skin 属性设置皮肤：

gantt.skin = "meadow";

要应用 Broadway 皮肤，引入默认 CSS 文件：

通过 gantt.skin 属性设置皮肤：

gantt.skin = "broadway";