请问怎样修改Sideberry扩展下的被固定标签的边框颜色？

[zh-y-h]

被固定标签的边框颜色默认为紫色，与Stripe和指示条的颜色保持一致更协调，但是没有找到在哪里对颜色赋值的。

特来请教，谢谢；）

[yuuqilin]

你好，可以在 uc-custom-content.css 中加入以下样式来修改边框颜色：

@-moz-document regexp("^moz-extension://.*?/sidebar/sidebar.html")
{
    #root {
        /* 固定标签页的边框颜色 */
        --uc-sb-pinned-tab-border-color: light-dark(rgba(0, 0, 0, 0.22), rgba(172, 112, 255, 0.7));
        /* 卸载的固定标签页的边框颜色 */
        --uc-sb-pinned-tab-unloaded-border-color: light-dark(rgba(0, 0, 0, 0.1), rgba(172, 112, 255, 0.28));
        .tab-wrapper .Tab .body {
            border: 1.5px solid var(--uc-sb-pinned-tab-border-color) !important;
        }
        .tab-wrapper .Tab[data-discarded="true"] .body {
            border: 1px solid var(--uc-sb-pinned-tab-unloaded-border-color) !important;
        }
    }
}

下一版的 FlexFox 会用相同的变量名称来覆盖内联样式，这样就可以直接通过变量来调整颜色，到时候你只需要在 uc-custom-content.css 覆盖变量即可，下方的规则可以删除。

另外，如果你希望 原生垂直标签页 的颜色和 Sidebery 保持一致，可以在 uc-user-settings.css 中通过以下变量修改：

:root {
    /* Border color for pinned tabs in vertical tab bar */
    --uc-vt-pinned-tab-border-color: light-dark(rgba(0, 0, 0, 0.22), rgba(172, 112, 255, 0.7));
    /* Background color for the active tab in vertical tab bar */
    --uc-vt-active-tab-bgcolor: light-dark(#ea4c895e, #9651ff80);
    /* Inner border shadow (outline) for the active tab */
    --uc-vt-active-tab-border-shadow: 0 0 0 1px light-dark(rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0.467));
    /* Drop shadow beneath the active tab */
    --uc-vt-active-tab-drop-shadow: 0 1px 3px -1px light-dark(rgba(0, 0, 0, 0.196), rgba(0, 0, 0, 0.212));
}

你有试过新版的 FlexFox 吗？现在可以调整固定标签页每一行的数量，如果你喜欢宽松一点的布局，可以减少横向标签页的数量。

[zh-y-h]

谢谢！

我没有创建uc-custom-content.css。 之前已经建立了一个custom的目录，各种自定义文件都放在这个目录下了。

这个目录里有uc-custom-sideberry.css，我将上述与颜色相关的代码放在uc-custom-sideberry.css里了。因为我觉得这些颜色与sideberry有关，所以分类给它。

4.5.0版，我已经用上了，非常好。
我也留意到了固定标签数量可变的特点，也已经将--uc-vt-pinned-tab-border-color:等参数放在了uc-custom-variables.css文档里,\（只是试了一下，我更常作sideberry)。放在uc-custom-variables.css里是便于我自己知道这个文件里的参数的来源。