zen-browser / theme-store

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

[create-theme]: No borders #700

Closed wysh3 closed 1 week ago

wysh3 commented 1 week ago

Name

No Borders

Description

Remove tab borders in Zen Browser for more content space and better browsing experience

Homepage

https://github.com/wysh3/Zen-Mods/tree/main/No%20Borders

Image

https://raw.githubusercontent.com/wysh3/Zen-Mods/refs/heads/main/No%20Borders/image.png

Type

Theme Styles

/* Reset padding and margin for the tab browser's tabbox and tab panels */
#tabbrowser-tabbox,
#tabbrowser-tabpanels {
    padding: 0px !important; /* Remove all padding */
    margin: 0px !important; /* Remove all margin */
    --zen-border-radius: 0px !important; /* Remove border radius for a square appearance */
}

Readme

# ✨ No Borders

**Get more screen, less clutter.** This mod for Zen Browser removes borders around tabs, giving you extra space for content and a cleaner browsing experience. Perfect for anyone who loves a minimalist, streamlined look. 

## 📌 Overview

Zen Browser’s default design includes borders around tabs for aesthetics, but some of us like it even simpler. This mod removes those borders, leaving you with a sleek, spacious interface that lets you focus on what’s important. 

![mod preview](https://github.com/user-attachments/assets/44bfece6-7e00-4c00-86b8-de7ba0c84564)

[⭐ Star the repo](https://github.com/wysh3/Zen-Mods) if you appreciate this theme!

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.