[create-theme]: Centered Search Box

[CoIorEvent8]

Name

Centered Search Box

Description

Limits search suggestions to five, adds a subtle border, and centers the search box.

Homepage

https://github.com/CoIorEvent8/zen-centered-search-box

Image

https://i.imgur.com/Tn9n0st.png

Type

• [ ] JSON Color Theme

Theme Styles

#urlbar-results {
  display: flex;
  flex-direction: column;
}

#urlbar-results > .urlbarView-row:nth-child(5) ~ .urlbarView-row {
  display: none !important;
}

#urlbar:is([suppress-focus-border=""][breakout][breakout-extend]) {
  #urlbar-input {
    font-size: 16px !important;
  }

  z-index: 2;
  position: fixed !important;
  bottom: auto !important;
  top: 40% !important;
  padding-left: 6px !important;
  padding-right: 8px !important;

  border: 1px solid gray;

  background-color: rgba(0, 0, 0, 0);
  left: 50% !important;
  transform: translateX(-50%) !important;
  right: 18vw !important;
  width: 64vw !important;
  max-width: 750px !important;
}

#identity-box {
  margin: auto 0;
  height: 30px;
  margin-right: 10px;
}

.urlbar-go-button {
  margin: auto 0;
}

Readme

# Centered Command Search

This extension updates the theme for the search bar by limiting search suggestions to five, adding a subtle border, and centering the search box.

[OPTIONAL]
Due to some limitations, I could not make the command bar open in the same page as the previous tab. For organization reasons, I recommended my firefox extension: https://addons.mozilla.org/en-US/firefox/addon/only-one-tab/

- It ensures that only one "new tab" page is open at a time.
- It has a "alt + w" keybind to close other tabs (that are not pinned/essential)

Credits to [@Dinno-DEV](https://github.com/Dinno-DEV) for some of the code from [Cleaned URL bar](https://zen-browser.app/mods/a5f6a231-e3c8-4ce8-8a8e-3e93efd6adec) used in this extension.

Preferences

No response

[github-actions[bot]]

Thank you for your contribution! :tada:

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-817 branch.

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