zen-browser / theme-store

🎨 Theme repository for @zen-browser!
https://zen-browser.github.io/theme-store/themes.json
MIT License
130 stars 39 forks source link

[create-theme]: Perfection #653

Closed saschaeggi closed 2 weeks ago

saschaeggi commented 2 weeks ago

Name

Perfection

Description

Adds spacing to the toolbar/sidebar, increases tab font size, and makes minor tweaks to the URL bar.

Homepage

https://github.com/saschaeggi/zenbrowser-themes/tree/main/Perfection

Image

https://raw.githubusercontent.com/saschaeggi/zenbrowser-themes/refs/heads/main/Perfection/image.png

Type

Theme Styles

body {
  --zen-toolbar-height: 54px;
}

.urlbar-background {
  background: rgba(255, 255, 255, 0.1);
  margin-inline-end: 0.25em;
}

#identity-box {
  margin-inline-end: 0;
}

#urlbar #identity-box #identity-icon-box {
  background: transparent !important;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 0 !important;
  padding-inline: 1rem !important;
  margin-block: 0.5rem !important;
  margin-inline-end: 1rem !important;
}

.toolbar-items {
  padding-inline-start: 0.5em;
}

.tab-label {
  font-size: 1.25em;
}

#zen-sidebar-top-buttons-customization-target {
  padding-block: 0.5em;
}

.titlebar-buttonbox-container {
  margin-inline-end: 0.75rem;
}

Readme

# Perfection

Adjusts the toolbar and sidebar to add some extra spacing and increases the font size for tabs. Also includes minor visual improvements to the URL bar.

Preferences

No response

github-actions[bot] commented 2 weeks ago

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:

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