搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

Learn More

Bookmarks Toolbar Popup Menu Padding, Color, and more.

  • 無回覆
  • 0 有這個問題
  • 21 次檢視
more options

Hi All,

I'm trying to change the appearance of the "Bookmarks Toolbar / Chevron >>" popup menu, which (after version 88) has turned bright white with extra padding between menu items and rounded corners.

I'm a fan of system menus, so I would really like the popup menu to look like the regular bookmarks menu from the top menu bar (see attached image).

I also like the subtle chiseled vertical line separating the favicons and the descriptions, and the 1px gray border around the menu, plus square corners.

I took a guess at some of the variable names, but only the menu's background color has changed.

Maybe someone knows how to change other attributes such as border color, radius, menu-item-height, padding, and add in the 3D vertical column line?

Thank you!

Here is my first attempt at the code...

#PersonalToolbar menupopup {
  /* Text color */
  --menu-color: #000 !important;
  --arrowpanel-color: #000 !important;
  --panel-color: #000 !important;
  /* Background color */
  --menu-background-color:  #f0f0f0 !important;
  --arrowpanel-background: #f0f0f0 !important;
  --panel-background: #f0f0f0 !important;
  /* Border color (if any) */
  --menu-border-color: #606060 !important;  /* not working on boomarks toolbar menu */
  --menu-border: 1px !important;  /* not working on boomarks toolbar menu */
  --menu-border-radius: 0px !important;  /* not working on boomarks toolbar menu */
}
/*** Tighten up drop-down/context/popup menu spacing (8 Sep 2021) ***/
menupopup:not(.in-menulist) > menuitem, 
menupopup:not(.in-menulist) > menu {
  padding-block: 0px !important; /* reduce to 3px, 2px, 1px or 0px as needed */ 
  min-height: unset !important; /* v92.0 - for padding below 4px */
}
Hi All, I'm trying to change the appearance of the "Bookmarks Toolbar / Chevron >>" popup menu, which (after version 88) has turned bright white with extra padding between menu items and rounded corners. I'm a fan of system menus, so I would really like the popup menu to look like the regular bookmarks menu from the top menu bar (see attached image). I also like the subtle chiseled vertical line separating the favicons and the descriptions, and the 1px gray border around the menu, plus square corners. I took a guess at some of the variable names, but only the menu's background color has changed. Maybe someone knows how to change other attributes such as border color, radius, menu-item-height, padding, and add in the 3D vertical column line? Thank you! Here is my first attempt at the code... #PersonalToolbar menupopup { /* Text color */ --menu-color: #000 !important; --arrowpanel-color: #000 !important; --panel-color: #000 !important; /* Background color */ --menu-background-color: #f0f0f0 !important; --arrowpanel-background: #f0f0f0 !important; --panel-background: #f0f0f0 !important; /* Border color (if any) */ --menu-border-color: #606060 !important; /* not working on boomarks toolbar menu */ --menu-border: 1px !important; /* not working on boomarks toolbar menu */ --menu-border-radius: 0px !important; /* not working on boomarks toolbar menu */ } /*** Tighten up drop-down/context/popup menu spacing (8 Sep 2021) ***/ menupopup:not(.in-menulist) > menuitem, menupopup:not(.in-menulist) > menu { padding-block: 0px !important; /* reduce to 3px, 2px, 1px or 0px as needed */ min-height: unset !important; /* v92.0 - for padding below 4px */ }
附加的畫面擷圖

由 Slouch 於 修改

如果您還沒有帳號,您必須先登入帳號 來回覆文章。還沒有帳號的話,只能發問新問題