如何在Plotly Express中为按钮设置绿色以适配plotly_dark主题

我在Plotly Express中使用以下代码创建了一个按钮：

fig.update_layout(
    shapes=[vertical_line],
    updatemenus=[
        dict(
            type="buttons",
            buttons=[
                dict(label="Toggle Shapes",
                     method="relayout",
                     args=[{
                        "shapes": [vertical_line],
                        "annotations":  vline_annotation}],
                     args2=[{
                        "shapes": rectangle_shape + [vertical_line], 
                        "annotations": rectangle_annotation+ vline_annotation}],
                    ),
            ],
        )
    ]
) 

该按钮在plotly_dark主题下亮度太高，难以辨认。我希望将其设置为绿色，但不清楚Plotly Express中对应的设置参数，请问该如何操作？

你可以在按钮的配置字典中直接添加样式参数来修改颜色，适配dark主题的具体设置如下：

• 按钮背景色：用bgcolor指定绿色（推荐选柔和的深绿色，比如#2ecc71，避免和dark主题冲突）
• 按钮文字颜色：通过font字典的color设置对比色（比如白色white，保证文字清晰）
• 激活/悬停状态样式：可选设置activebgcolor（激活时的背景色）和activefont（激活时的文字色），优化交互体验

修改后的完整代码示例：

fig.update_layout(
    shapes=[vertical_line],
    updatemenus=[
        dict(
            type="buttons",
            buttons=[
                dict(label="Toggle Shapes",
                     method="relayout",
                     args=[{
                        "shapes": [vertical_line],
                        "annotations":  vline_annotation}],
                     args2=[{
                        "shapes": rectangle_shape + [vertical_line], 
                        "annotations": rectangle_annotation+ vline_annotation}],
                     # 新增按钮样式配置
                     bgcolor="#2ecc71",  # 绿色背景
                     font=dict(color="white"),  # 白色文字
                     activebgcolor="#27ae60",  # 激活时的深绿色背景
                     activefont=dict(color="white")  # 激活时文字保持白色
                    ),
            ],
        )
    ]
)

如果需要统一设置整个按钮组的样式，也可以把bgcolor、font等参数放到外层的updatemenus字典中，作用于所有按钮。

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