[create-theme]: Now playing indicator

[benstone326]

Name

Now playing indicator

Description

Show indicator for "Now playing" tab if the sidebar is collapsed.

Homepage

https://github.com/benstone326/zen-browser-now-playing-indicator

Image

https://files.catbox.moe/xjrswx.png

Type

• JSON Color Theme

Theme Styles

@-moz-document url-prefix("chrome:") {
	
	@media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
		.tabbrowser-tab:is([soundplaying], [muted], [activemedia-blocked])::after {
			content:'';
			position: absolute;
			width: 3px;
			border-radius: 3px;
			height: calc(100% - 0px);
			top: 50%;
			left: calc(100% - 2px);
			transform: translateY(-50%);
			background-color: var(--zen-primary-color);
		}
		
		.tabbrowser-tab:not([selected=true]){
			border-radius: 0px;
		}
		
		.tabbrowser-tab:not([selected=true]):hover{
			border-radius: 8px;
		}
	}
	
}

Readme

Show indicator for for "Now playing" tab if the sidebar is collapsed.
This is useful if you installed "Hide tab mute" Zen browser theme, but you want to know, which tab is playing sound.

Preferences

No response

[github-actions]

Thank you for your contribution! 🎉

Your theme has been successfully submitted. The maintainers will review it and get back to you soon.

Here are some details about your submission:

• Your theme has been requested into this PR.
• It has been created into the create-theme-207 branch.

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