样式配置
本文档适用于 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”) |