Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Theme: Border-less Zen UI #976

Open
1 task
immayurpanchal opened this issue Jan 31, 2025 · 2 comments
Open
1 task

Add Theme: Border-less Zen UI #976

immayurpanchal opened this issue Jan 31, 2025 · 2 comments
Labels
new-theme Submit a theme to be added to the theme library

Comments

@immayurpanchal
Copy link

immayurpanchal commented Jan 31, 2025

Name

Border-less Zen UI

Description

Border less Zen browser in compact mode

Homepage

https://github.com/immayurpanchal/Border-less-Zen-UI-

Image

https://github.com/immayurpanchal/Border-less-Zen-UI-/blob/main/Thumbnail.png?raw=true

Type

  • JSON Color Theme

Theme Styles

@-moz-document url-prefix("chrome:") {
	:root[zen-compact-mode='true']:not([customizing]):not([inDOMFullscreen='true']) {
		@media (-moz-bool-pref: 'zen.view.compact.hide-tabbar') or (-moz-bool-pref: 'zen.view.use-single-toolbar') {
			& #zen-appcontent-wrapper {
				margin-left: 0 !important;
			}
		}
	}
	
	:root[zen-compact-mode="true"]:not([customizing]):not([inDOMFullscreen="true"]) {
		@media (-moz-bool-pref: "zen.view.compact.hide-tabbar") or (-moz-bool-pref: "zen.view.use-single-toolbar") {
			& #zen-tabbox-wrapper {
				margin: 0 !important;
			}
		}
	}
	
	:root[zen-single-toolbar='true']:not([customizing]) {
		& #zen-appcontent-navbar-container {
			display: flex;
			-moz-window-dragging: drag;
			min-height: 0 !important;
			height: 0 !important;
		}
	}
	
	:root[zen-compact-mode="true"]:not([customizing]):not([inDOMFullscreen="true"]) {
		@media (-moz-bool-pref: "zen.view.compact.hide-toolbar") {
			&:not([zen-single-toolbar="true"]) {
				& #sidebar-box, & #titlebar, & #zen-appcontent-wrapper, & #zen-sidebar-web-panel-wrapper:has(#zen-sidebar-web-panel:not([pinned="true"])) {
					margin-top: 0 !important;
				}
			}
		}
	}
}

Readme

# Border-less Zen UI 
- Convert zen browser's compact mode to truly zen by making completely border-less (removes padding)

Preferences

@immayurpanchal immayurpanchal added the new-theme Submit a theme to be added to the theme library label Jan 31, 2025
@L-Acacia
Copy link

L-Acacia commented Feb 2, 2025

Shouldn't this be an option of no gaps instead ?
It basically does the same thing but all the time. There could be a new option for it to trigger only when compact mode is enabled.

@immayurpanchal
Copy link
Author

Shouldn't this be an option of no gaps instead ? It basically does the same thing but all the time. There could be a new option for it to trigger only when compact mode is enabled.

I wasn't aware about this. Thanks for highlighting. I think then there is no need of this theme.

I think it's fine if it does all the time because user can toggle this mode in whichever view the user has selected.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
new-theme Submit a theme to be added to the theme library
Projects
None yet
Development

No branches or pull requests

2 participants