css - Gnome-shell 面板阴影

Question

我想在默认主题中为 gnome-shell 面板添加一个阴影。我编辑了 "/usr/share/gnome-shell/theme/gnome-shell.css" 并成功删除了背景颜色(应用 atl+f2 + r)。我还添加了一个像这样的 box-shadow 属性:

#panel {
    background-color: transparent;
    font-weight: bold;
    height: 1.86em;
    box-shadow: 0px 3px 10px black;
}

...如果应用于 html 页面中的 div，将会给我所期望的结果。不幸的是，它似乎被 gnome-shell 忽略了。gnome-shell 中有类似的东西吗？

Answer 1

...好的，我已经找到问题所在了。与 HTML 不同，阴影 alpha 还受面板背景 alpha 的影响。因此，透明背景面板上的黑色阴影 (alpha=1) 会产生透明(因此不可见)的阴影。所以通过设置

background-color: rgba(0,0,0,0.5);
font-weight: bold;
height: 1.86em;
box-shadow: 0px 3px 10px rgba(0,0,0,0.5);

它会产生 0.25 alpha 阴影 (0.5 * 0.5 = 0.25)。这就是为什么我上面的问题中的 box-shadow 效果没有显示出来。如前所述，这是与 HTML 不同的行为，其中透明背景 div 不会影响其框阴影效果。也许一些路过这里的 gnome-shell 开发人员可能想考虑这个实现。