侏儒殼面板的影子

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開發者可能想要考慮這個實現。