适用于内部信息中心和 Look 的主题

您可以使用自定义主题来自定义内部(非嵌入式)Looker 信息中心和 Look 的外观。您可以使用主题来自定义字体系列、文本颜色、背景颜色、按钮颜色、图块颜色和其他视觉元素。主题可以应用于用户定义的信息中心和 LookML 信息中心。

例如,您可以创建“深色”主题来更改信息中心的外观。

您可以在管理控制台面板的平台部分中的主题页面上定义主题。

本页面介绍以下内容:

用户和实例要求

如需管理内部 Looker 信息中心和 Look 的主题,您必须满足以下要求:

将主题应用于信息中心

如需将主题应用于信息中心,请确保信息中心处于修改模式,然后点击样式以打开样式面板。从主题字段中选择一个主题,该主题将应用于您的信息中心。如果您选择无,并且您的实例具有默认主题,则系统会应用默认主题。

将主题应用于 Look

如需将主题应用于 Look,请确保 Look 处于修改模式,然后点击样式以打开样式面板。从主题字段中选择一个主题,该主题将应用于您的 Look。如果您选择默认,并且您的实例具有默认主题,则系统会应用默认主题。

正在下载信息中心

以 PDF 格式下载的信息中心将显示所有已应用的自定义主题。

创建自定义主题

如需创建自定义主题,请在主题管理页面中选择内部标签页,然后点击添加主题。

接下来,在新主题页面上,为您要自定义的每项设置添加样式和颜色规范。您可以更改任何设置,这些设置将在以下部分中进行介绍。选择保存主题,以保留更改并保存新主题。

主题

名称:主题名称必须是唯一的,并且只能包含字母数字字符和下划线。如果您在主题名称中输入空格,则在保存主题时,空格将被替换为下划线。

常规

主色:信息中心会为主要按钮和过滤器控件使用此颜色。Look 会为链接、主要按钮和所选标签页使用此颜色。

文本颜色:信息中心和 Look 上的文本以及 Look 上的横幅和图标的十六进制颜色代码。

背景颜色:Look 和信息中心背景的十六进制颜色代码。

字体系列:字体系列的名称。此字体将用于信息中心内的所有文本,包括可视化图表中的图块标题、文本图块和图例。此字体也将用于“探索”中的所有文本。如果字体名称中包含空格,请用英文引号将名称引起来,例如“Open Sans”。

如果您使用的是常见的网页安全字体,只需在字体系列字段中输入字体名称,并将字体来源字段留空即可。如果您想使用不太常见的字体,请在字体系列字段中输入字体名称,然后使用字体来源字段(下文有相关说明)提供您想使用的字体定义的网址。

字体来源:除非您想使用自定义字体(即非常见网页安全字体),否则请将此字段留空。Font Source 必须是完整的网址,以 https 开头,并指向 @font-face 的 src 实参中指定的 url 值。我们建议使用 Web 开放字体格式 (.woff) 文件,因为 Internet Explorer 11 不支持 .woff2 文件。

  • 例如,对于 PT Sans Narrow,您可以在字体系列字段中输入“PT Sans Narrow”,然后在字体来源字段中输入 https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woff。

信息中心页面

颜色集合:您可以选择颜色集合,这是一组相互协调、搭配效果良好的调色板。为信息中心分配颜色集合后,信息中心所有图块中的所有数据系列都会根据集合中的调色板进行着色,从而确保数据系列的颜色在整个信息中心内协调一致。

当您为主题分配颜色集合时,该主题的颜色集合将覆盖之前分配给图块的所有颜色集合。不过,主题的颜色集合不会覆盖分配给数据系列的自定义颜色,也不会覆盖应用于表格可视化图表的条件格式。

标题字号:您可以选择从一组预定义的字号(以像素为单位)中调整信息中心标题的字号。

上外边距:可选择为信息中心顶部的外边距设置特定值。从下拉菜单中的预定义选项中进行选择。边距以像素 (px) 为单位。

下外边距:可选择为信息中心底部的外边距设置特定值。从下拉菜单中的预定义选项中进行选择。边距以像素 (px) 为单位。

左右外边距:您可以选择为信息中心的左右外边距设置特定值。从下拉菜单中的预定义选项中进行选择。边距以像素 (px) 为单位。

信息中心板块

标题颜色:以下元素的十六进制颜色代码:

文字颜色:以下元素的十六进制颜色代码:

正文颜色:以下元素的十六进制颜色代码:

背景颜色:除文本图块外,所有图块背景的十六进制颜色代码。

文本背景颜色:文本图块背景的十六进制颜色代码。

标题对齐方式:将图块标题设置为左对齐、右对齐或居中对齐。

标题字号:您可以选择从一组预定义的字号(以像素为单位)中调整信息中心图块的字号。

Box Shadow:使用 CSS 语法在信息中心图块周围创建阴影。您可以从预定义的框阴影中进行选择,也可以创建自定义框阴影。如需创建自定义框阴影,请输入您选择的 horizontal-offset vertical-offset blur-radius spread-radius color ,然后选择输入自定义样式以应用您的设置。右侧会显示盒阴影设置的预览。

列间距大小:您可以根据需要,从一组预定义的像素大小中选择一个,以调整信息中心功能块列之间的间距大小。

行间距大小:您可以根据需要,从一组预定义的像素大小中选择一个,调整信息中心功能块行之间的间距大小。

边框半径:可选择调整信息中心图块的边框半径,以创建方形或圆角。

修改主题

对于所有主题,您都可以点击关联的修改按钮来更新主题设置。

您可以像创建新主题时那样修改设置。如需了解这些设置,请参阅前面介绍的主题设置。请务必选择保存,以保留更新。

复制主题

您可以复制现有主题,方法是选择该主题的菜单,然后选择复制主题。

复制主题时,新主题的名称默认为所复制主题的名称,后跟“(副本)”。请务必手动将此名称更改为仅包含字母数字字符和下划线的新唯一名称,并务必移除括号。

您可以像创建新主题时那样修改其余设置。如需了解这些设置,请参阅前面介绍的主题设置。请务必选择保存,以保留所有主题设置。

删除主题

如需删除某个主题,请选择该主题的菜单,然后选择删除主题。

设置默认主题

如果您将某个主题设置为默认主题,那么当用户在修改模式下从主题字段中选择无选项时,该主题将应用于相应信息中心。

如需将某个主题设为默认主题,请选择该主题的菜单,然后选择设为默认主题。

如需从默认主题中移除默认设置,请选择该主题的菜单,然后选择移除默认设置。