Power BI底部页面导航窗格颜色修改方法咨询

Power BI原生设置中没有直接修改该页面窗格颜色的选项，需通过嵌入自定义配置或CSS样式实现，以下是两种可行方案：

方案1：自有网站嵌入时用自定义CSS覆盖样式 #

若将报表嵌入到自己的网站中，可通过CSS代码覆盖默认样式：

• 定位页面窗格对应的HTML元素（通常类名为.pbi-page-nav）
• 在网站CSS文件中添加以下代码（替换示例颜色值为你的网站主题色）：

.pbi-page-nav {
    background-color: #你的主题背景色 !important;
}
.pbi-page-nav .pbi-page-nav-item {
    color: #你的文字颜色 !important; /* 可选：修改页面名称文字颜色 */
}
.pbi-page-nav .pbi-page-nav-item.active {
    border-bottom-color: #你的高亮条颜色 !important; /* 可选：修改当前页面下划线颜色 */
}

注意：需拥有网站代码编辑权限，若用iframe嵌入，需确保样式能穿透iframe（可调整sandbox属性或通过postMessage配合iframe内脚本实现）。

方案2：Power BI Embedded企业级嵌入配置 #

通过Azure的Power BI Embedded服务嵌入报表时，可自定义主题实现：

1. 在Power BI Desktop中导出报表的JSON主题文件
2. 修改主题文件内pageNavigation相关配置：

"pageNavigation": {
    "background": "#你的主题背景色",
    "text": "#你的文字颜色",
    "selected": {
        "text": "#选中状态文字颜色",
        "underline": "#选中状态下划线颜色"
    }
}

3. 将修改后的主题文件上传至Power BI服务，或在嵌入代码中指定该自定义主题
4. 重新发布并嵌入报表，底部页面窗格会自动应用配置的主题色

关键提醒 #

直接发布到Power BI Web服务的公开报表（未嵌入自有网站）无法修改该窗格颜色，因为Power BI Web的导航栏样式为平台固定设置，无用户自定义权限；Power BI Desktop内的主题设置仅影响报表内容，不包含页面导航栏样式。

内容的提问来源于stack exchange，提问作者Anas Hashmi