zen-browser / theme-store

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

[create-theme]: Remove border #359

Closed dhanushl0l closed 1 week ago

dhanushl0l commented 1 week ago

Name

Remove border

Description

it remove border padding in zen browser

Homepage

https://github.com/dhanushl0l/remove-border-padding-zen-browser/tree/main

Image

https://i.imgur.com/8m0apAm.png

Type

Theme Styles

/* Remove border padding */
:root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not([chromehidden~="toolbar"]) {
  & #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer  {
    margin: 0 !important;
    border-radius: 0 !important;
  }
}

/* Remove border padding from Zen sidebar */
:root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not([chromehidden~="toolbar"]) {
  & #zen-sidebar-web-panel-wrapper {
    margin: 0 !important;
  }
}

:root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not([chromehidden~="toolbar"]) {
  & #zen-sidebar-web-header {
    border-radius: 0 !important;
  }
}

:root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not([chromehidden~="toolbar"]) {
  & #zen-sidebar-web-panel {
    border-radius: 0 !important;
  }
}

Readme

# Remove border padding zen browser
I hate borders because they waste valuable screen space. This custom CSS is designed to remove borders and padding, allowing you to visit all pages in fullscreen mode without any distractions or wasted space.

![preview image1](https://i.imgur.com/Oc0NL8L.png)
![preview image2](https://i.imgur.com/k01hbgi.png)

Preferences

No response

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