样式配置

本文档适用于 NeoDash 的不受支持版本,它是 Neo4j Labs 的一部分。对于受支持的 NeoDash 产品的用户,请参阅 NeoDash 商业版

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

对于简单的(非 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

字符串

未定义

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

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

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

style

对象

{}

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

© . All rights reserved.