zen-browser / theme-store

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

[create-theme]: Floating toolbar #376

Closed anaarkei closed 1 month ago

anaarkei commented 1 month ago

Name

Floating toolbar

Description

Detaches toolbar from edge of browser window so that it appears to float

Homepage

No response

Image

https://beta.jarick.works/zen-floating-toolbar.png

Type

Theme Styles

#zen-appcontent-navbar-container {
  padding: 20px;
  border: none !important;
  background: none !important;
  box-sizing: border-box;
}

#nav-bar {
  background: var(--zen-colors-tertiary) !important;
  border-radius: 8px;
  border: 1px solid var(--zen-colors-border) !important;
}

Readme

Detaches toolbar from edge of browser window so that it appears to float.

Requires compact mode to be enabled and top toolbar to be hidden.

Preferences

No response

github-actions[bot] commented 1 month 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.

ProbablyM-S commented 1 month ago

Hey, I really like your theme, great work, but it would be really cool if it followed the padding value of the tab bar currently it looks really out of place bc of large padding in front of the tab bar and also pls an option to make the size also match the tab bar. 😅

anaarkei commented 1 month ago

Hey, I really like your theme, great work, but it would be really cool if it followed the padding value of the tab bar currently it looks really out of place bc of large padding in front of the tab bar and also pls an option to make the size also match the tab bar. 😅

The latest version of the mod is using the same variable as the tab bar. Should be available with the next release of the browser.