本文档涉及 Neo4j Labs 旗下不受支持的 NeoDash 版本。如需使用受支持的 NeoDash 产品，请参阅 NeoDash 商业版。

样式配置

本文档涉及 Neo4j Labs 旗下不受支持的 NeoDash 版本。如需使用受支持的 NeoDash 产品，请参阅 NeoDash 商业版。

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

对于简单的（非 Docker 化）部署，可在构建应用后通过修改 dist/style.config.json 来更改这些配置参数。使用 NeoDash Docker 镜像时，可将其作为环境变量传入。例如

docker run -p 5005:5005 \
 -e DASHBOARD_HEADER_BRAND_LOGO=https://picsum.photos/500/100 \
 neo4jlabs/neodash

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	string	undefined	此变量定义位于 NeoDash 部署 public 文件夹中的徽标文件名，如果希望使用自己的徽标而不是 Neo4j 的徽标。
DASHBOARD_HEADER_COLOR	string	#0B297D	确定页眉的颜色。
DASHBOARD_HEADER_BUTTON_COLOR	string	#FFFFFF22	确定页眉按钮的颜色。
DASHBOARD_HEADER_TITLE_COLOR	string	#FFFFFF	确定页眉标题的颜色。
DASHBOARD_PAGE_LIST_COLOR	string	#F0F0F0	确定页面选择器标签的颜色。
DASHBOARD_PAGE_LIST_ACTIVE_COLOR	string	#FFFFFF	确定页面选择器活动标签的颜色。
style	客体	{}	确定应在根级别覆盖的 css needle 令牌。颜色应使用 rgb 逗号分隔的字符串定义（例如 "243, 243, 240"）。

名称

类型

默认值

描述

DASHBOARD_HEADER_BRAND_LOGO

string

undefined

此变量定义位于 NeoDash 部署 public 文件夹中的徽标文件名，如果希望使用自己的徽标而不是 Neo4j 的徽标。

DASHBOARD_HEADER_COLOR

string

#0B297D

确定页眉的颜色。

DASHBOARD_HEADER_BUTTON_COLOR

string

#FFFFFF22

确定页眉按钮的颜色。

DASHBOARD_HEADER_TITLE_COLOR

string

#FFFFFF

确定页眉标题的颜色。

DASHBOARD_PAGE_LIST_COLOR

string

#F0F0F0

确定页面选择器标签的颜色。

DASHBOARD_PAGE_LIST_ACTIVE_COLOR

string

#FFFFFF

确定页面选择器活动标签的颜色。

style

客体

{}

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