firefox userChrome.css

本文最后更新于:2023年12月5日 晚上

/* ===================================== 标签栏调整 ===================================== */

/*标签高度*/
#titlebar,
#tabbrowser-tabs {
 --tab-min-height: 28px !important;
}

/** 去除标签与导航栏之间的空隙 Tab Bar - Connect to window ======================================================== */

.tab-background {
 border-radius: var(--tab-border-radius) var(--tab-border-radius) 0px 0px !important;
 margin-bottom: 0px !important;
}

.tab-content {
 margin-top: var(--tab-block-margin);
}

.tab-stack {
 margin-top: 0px !important;
 margin-bottom: 0px !important;
}

/* Remove line at Toolbar's top */
#tabbrowser-tabs {
 z-index: 1 !important;
}

#tabbrowser-arrowscrollbox[overflowing] .tabbrowser-tab[pinned]:is([visuallyselected], [multiselected]) {
 overflow: hidden;
}

/*= 标签页调整 Root - Reduce Padding ================================================== */

/* 参考代码 source form:  https://github.com/black7375/Firefox-UI-Fix*/

:root {
 /* Tab Bar */
 --proton-tab-block-margin: 2px !important;
 /* Original: 4px */
 --tab-block-margin: 2px !important;
 /* New version of --proton-tab-block-margin */
 --inline-tab-padding: 6px !important;
 /* Original: 8px */
 /* Panel */
 --arrowpanel-menuicon-padding: 8px;
 --arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding) !important;
 /* Original: 0 8px */
 --arrowpanel-menuitem-padding: 5px !important;
 /* Original: 8px */
 --arrowpanel-padding: 0.8em !important;
 /* Original: 16px or .cui-widget-panel, .cui-widget-panel::part(arrowcontent) => 4px 0 */
}

:root[uidensity=compact] {
 /* Tool Bar */
 --toolbarbutton-outer-padding: 2px !important;
 /* Original: 3px, General is 2px */
 /* Panel */
 --arrowpanel-menuitem-padding: 3px !important;
 /* Original: 8px */
}

:root[uidensity=touch] {
 /* Tab Bar - Like Original */
 --proton-tab-block-margin: 4px !important;
 /* Original: 4px */
 --tab-block-margin: 4px !important;
 /* New version of --proton-tab-block-margin */
 --inline-tab-padding: 8px !important;
 /* Original: 8px */
 /* Panel - Like Original */
 --arrowpanel-menuitem-padding: 8px !important;
 /* Original: 8px */
}


/* ===================================== 地址栏 =====================================*/

/* 地址栏字体 Font-sizes */
#urlbar-results,
#urlbar-input,
#userContext-label {
 font-size: 13px !important;
}


/* 放大缩小图标调整 */
#urlbar-zoom-button {
 margin-bottom: 2px !important;
 padding: 2px !important;
 font-size: 0.75em !important;
}


/* 隐藏隐私跟踪图标 */
#tracking-protection-icon-container {
 display: none !important;
}

#identity-icon {
 padding: 2px !important;
}

#identity-icon-label {
 font-size: 13px !important;
}



/*地址栏下拉菜单切换搜索引擎模块*/
.search-panel-one-offs-header {
 display: none !important;
}

#urlbar-anon-search-settings-compact {
 margin-left: -25px !important;
}

.search-one-offs {
 border-top: 1px solid #eee !important;
}

@media (prefers-color-scheme: dark) {
 .search-one-offs {
  border-top: 1px solid #444 !important;
 }
}



/*关闭地址栏自动放大*/
#urlbar[breakout][breakout-extend] {
 width: 100% !important;
 padding: 0px !important;
}

#urlbar[breakout][breakout-extend][open] {
 box-shadow: 0px 4px 8px rgb(0, 0, 0, 0.2) !important;
 border-radius: 8px !important;
}

#urlbar[breakout][breakout-extend]>#urlbar-background {
 animation: none !important;
 ;
}

#urlbar[breakout][breakout-extend]>#urlbar-background {
 box-shadow: none !important;
}



/* 地址栏关键字搜索引导器 */
#urlbar-search-mode-indicator {
 outline: 0px solid #eee !important;
 font-size: 13px !important;
 border-radius: 4px !important;
}


/*地址栏高度*/
#urlbar {
 --urlbar-height: 28px !important;
 min-height: var(--urlbar-height) !important;
 padding-right: 2px !important;
}

#searchbar {
 --urlbar-height: 28px !important;
 min-height: var(--urlbar-height) !important;
 max-height: var(--urlbar-height) !important;
}


/*地址栏图标大小*/
#urlbar .urlbar-icon {
 margin: -1px !important;
}

#pageAction-urlbar-_cd7e22de-2e34-40f0-aeff-cec824cbccac_ .urlbar-icon {
 margin: -2px !important;
}

#page-action-buttons .urlbar-icon {
 max-width: 14px !important;
}


/*书签字体大小*/
#PersonalToolbar {
 font-size: 13px !important;
}

#PlacesToolbarItems[placespopup="true"].bookmark-item {
 font-size: 13px !important;
}


/*书签工具栏居中 PersonalToolbar Align Center */
#PersonalToolbar #PlacesToolbarItems {
 -moz-box-pack: center !important;
}

/*深色模式下菜单字体减淡*/
:-moz-lwtheme-brighttext#PlacesToolbarItems {
 opacity: 0.9 !important;
}

:-moz-lwtheme-brighttext#PlacesToolbarItems:hover {
 opacity: 1 !important;
}

firefox userChrome.css
http://blog.lujinkai.cn/工具/firefox userChrome.css/
作者
像方便面一样的男子
发布于
2022年9月24日
更新于
2023年12月5日
许可协议