[CSS] Firefox 72+可用的标签栏下置样式

/*////////////标签栏下置样式///////////////*/
@-moz-document url("chrome://browser/content/browser.xhtml") {
  /*最大化后伪标题上移补正*/
  :root {
    --uc-maximized-titlebar-orrection: 0px;
  }
  :root[tabsintitlebar][sizemode="maximized"] {
    --uc-maximized-titlebar-orrection: 8px;
  }
  #titlebar {
    /*标题栏移动最下方*/
    -moz-box-ordinal-group: 999;
    margin-top: calc(0px - var(--uc-maximized-titlebar-orrection)) !important;
  }
  #nav-bar {
    margin-top: calc(30px + var(--uc-maximized-titlebar-orrection)) !important;
  }
  /*标签栏背景颜色跟随工具栏的颜色*/
  #TabsToolbar {
    background-color: var(--toolbar-bgcolor);
  }
  /*标题栏中除标签栏外移动回顶部*/
  #titlebar #toolbar-menubar {
    position: fixed!important;
    top: 0;
    display: flex !important;
    min-height: unset !important;
    height: unset !important;
    width: 100%;
    visibility: visible !important;
    margin-top: var(--uc-maximized-titlebar-orrection) !important;
  }
  #toolbar-menubar > spacer {
    flex: 1;
  }
  /*alt 菜单栏修复*/
  #toolbar-menubar[inactive="true"] #menubar-items {
    height: 0!important;
    min-height: 0!important;
    overflow: hidden;
  }
  /*隐藏多余的窗体按键，和标签栏左空白*/
  .titlebar-spacer[type="pre-tabs"], :root:not([inFullscreen]) #TabsToolbar > .titlebar-buttonbox-container {
    display: none !important;
  }
  /*F11 最大化窗口，窗体按键*/
  :root[inFullscreen] #TabsToolbar > #window-controls {
    position: fixed !important;
    top: 0;
    inset-inline-end: 0;
    display: flex !important;
  }
  /*修复"默认"主题未选中标签的字体颜色*/
  .tabbrowser-tab:not([visuallyselected="true"]):not([multiselected]) {
    color: var(--lwt-text-color, -moz-DialogText) !important;
  }
}

使用方法：

1. 地址栏打开 about:config，查找 toolkit.legacyUserProfileCustomizations.stylesheets 将这个配置项目设置为 true。
2. 地址栏打开 about:profiles，找到 “正在使用此配置文件” 那一项，点击 “打开文件夹”，这个文件夹即为 “配置文件夹”。
   把上面代码复制粘贴进 “配置文件夹” 中的 chrome 目录中的 userChrome.css 文件中，没有这些文件夹和文件就手动创建。
3. 如果你之前就有使用 userChrome.css 进行自定义界面，那么确保之前的样式代码中不能有如下的 xul 命名空间声明，有则删除。
   @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

样式2：

#nav-bar {
    margin-top: calc(0px + var(--uc-maximized-titlebar-orrection)) !important;
  }
  #titlebar #toolbar-menubar{
    width: auto !important;
    inset-inline-end: 0;
    height: 40px !important;
  }
  :root[inFullscreen] #TabsToolbar > #window-controls{
    height: 40px !important;
  }
  #menubar-items{
    position: fixed;
    inset-inline-start: 50%;
    top: 12px;
    transform: translateX(-50%);
    display: inline-block;
  }
  #PanelUI-button{
    margin-inline-end: 138px;
  }
  /*修复"默认"主题窗体按钮、标签栏上的按钮和菜单栏颜色*/
  menubar > menu,
  .toolbarbutton-1,
  .titlebar-button {
    color: var(--lwt-text-color, -moz-DialogText) !important;
  }
  @media(-moz-windows-default-theme) {
    #toolbar-menubar[brighttext] > #menubar-items > #main-menubar > menu[_moz-menuactive="true"], toolbar[brighttext] .titlebar-button:not(.titlebar-close):hover {
      background-color: hsla(0, 0%, 0%, .12) !important;
    }
    toolbar[brighttext] .titlebar-button:not(.titlebar-close):hover:active {
      background-color: hsla(0, 0%, 0%, .22) !important;
    }
  }

将上面样式追加在主楼样式代码倒数第二行中。

Win10上用了之后右上角的三个按钮与背景混为一体了


————————————————————————————————————
似乎你也是Win10？那可能是我系统主题的原因

infinity：Win10上用了之后右上角的三个按钮与背景混为一体了


————————————————————————————————————
似乎你也是Win10？那可能是我系统主题的原因回到原帖

感谢提醒，没考虑到 FF 默认主题，样式 2 已修复。