样式配置

使用自定义 NeoDash 部署时，可以配置多个主题变量。这些变量主要与 Needle 的 css 令牌以及其他一些品牌特定选项相关。

对于简单的（非 Docker 化）部署，可以在构建应用程序后修改 dist/style.config.json 来更改这些配置参数。当使用 Docker 镜像时，这些参数不能作为环境变量传递。

NeoDash 的示例配置

{
  "DASHBOARD_HEADER_BRAND_LOGO": "logo_lightsand.png",
  "DASHBOARD_HEADER_COLOR" : "#F3F3F0",
  "DASHBOARD_HEADER_BUTTON_COLOR" : "#009999",
  "DASHBOARD_HEADER_TITLE_COLOR" : "#00C1B6",
  "DASHBOARD_PAGE_LIST_COLOR" : "#F3F3F0",
  "DASHBOARD_PAGE_LIST_ACTIVE_COLOR": "#009999",
  "style": {
    "--palette-light-neutral-bg-weak" : "243, 243, 240"
  }
}

配置选项

名称	类型	默认值	描述
DASHBOARD_HEADER_BRAND_LOGO	字符串	未定义	如果您想使用自己的徽标而不是 Neo4j 徽标，则此变量定义位于 Neodash 部署的公共文件夹中的徽标文件名称。
DASHBOARD_HEADER_COLOR	字符串	#0B297D	确定页眉的颜色。
DASHBOARD_HEADER_BUTTON_COLOR	字符串	#FFFFFF22	确定页眉按钮的颜色。
DASHBOARD_HEADER_TITLE_COLOR	字符串	#FFFFFF	确定页眉标题的颜色。
DASHBOARD_PAGE_LIST_COLOR	字符串	#F0F0F0	确定页面选择器选项卡的颜色。
DASHBOARD_PAGE_LIST_ACTIVE_COLOR	字符串	#FFFFFF	确定页面选择器活动选项卡的颜色。
样式	对象	{}	确定应在根级别覆盖的 css needle 令牌。颜色应使用以逗号分隔的 rgb 字符串定义（例如“243, 243, 240”）。

名称

类型

默认值

描述

DASHBOARD_HEADER_BRAND_LOGO

字符串

未定义

如果您想使用自己的徽标而不是 Neo4j 徽标，则此变量定义位于 Neodash 部署的公共文件夹中的徽标文件名称。

DASHBOARD_HEADER_COLOR

字符串

#0B297D

确定页眉的颜色。

DASHBOARD_HEADER_BUTTON_COLOR

字符串

#FFFFFF22

确定页眉按钮的颜色。

DASHBOARD_HEADER_TITLE_COLOR

字符串

#FFFFFF

确定页眉标题的颜色。

DASHBOARD_PAGE_LIST_COLOR

字符串

#F0F0F0

确定页面选择器选项卡的颜色。

DASHBOARD_PAGE_LIST_ACTIVE_COLOR

字符串

#FFFFFF

确定页面选择器活动选项卡的颜色。

样式

对象

{}

确定应在根级别覆盖的 css needle 令牌。颜色应使用以逗号分隔的 rgb 字符串定义（例如“243, 243, 240”）。