[create-theme]: Better-Titlebar

[pon7rung]

Name

Better Titlebar

Description

Centers the Title Bar and Favorites

Homepage

https://github.com/pon7rung/Better-Titlebar/tree/main

Image

https://raw.githubusercontent.com/pon7rung/Better-Titlebar/refs/heads/main/Images/ScreenShot.png

Type

• JSON Color Theme

Theme Styles

#PlacesToolbarItems {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

#nav-bar-customization-target.customization-target{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

#urlbar-container, #wrapper-urlbar-container {
  flex: initial !important;
}

#urlbar-container{
  width: 30vw !important;
}

@media -moz-pref("zen.tabs.vertical") {
  :root:not([zen-window-buttons-reversed="true"]) {
    & .titlebar-buttonbox-container {
      margin-left: auto !important;
      width: fit-content !important;
      position: absolute !important;
      right: 0 !important;
    }
  }
}

@media not (-moz-platform: macos) {
  .titlebar-buttonbox-container {
    height: 38px !important;
  }
}

#zen-appcontent-navbar-container{
  height: 72px !important;
}

#PanelUI-button {
  position: absolute !important;
}

Readme

Centers the Title Bar and Favorites

[IMPORTANT] Remove all the Flexible space from your Top ToolBar, otherwise it will not be centered

[OBS] All Toolbar items will be next to your Favorites or your Title Bar

Preferences

[github-actions]

Thank you for your contribution! 🎉

Your theme has been successfully submitted. The maintainers will review it and get back to you soon.

Here are some details about your submission:

• Your theme has been requested into this PR.
• It has been created into the create-theme-1762 branch.

If you have any questions or need help, feel free to ask in the comments below or in the PR.