Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
72 changes: 72 additions & 0 deletions themes/96aaee84-2706-4b3c-82cf-a7a698b72048/chrome.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@

@-moz-document url-prefix("chrome:") {

/* Firefox 150+ / Zen 1.19.9b+ broke backdrop-filter on child
elements by removing the stacking context from #browser. Re-establishing
a no-op backdrop-filter on a parent element restores the behaviour. */
#browser {
backdrop-filter: blur(0) !important;
}

/* Blurs the background */
#urlbar[breakout-extend="true"] .urlbar-background {
border-radius: 15px !important;
border: solid 3px color-mix(in hsl, hsl(0 0 50), transparent 90%) !important;
}

#urlbar[breakout-extend="true"] .urlbar-background {
backdrop-filter: blur(25px) !important;
}

@media (prefers-color-scheme: dark) {
#urlbar[breakout-extend="true"] .urlbar-background {
background-color: color-mix(in hsl,
var(--mod-cleanedurlbar-customdarkcolor),
transparent var(--mod-cleanedurlbar-customtransparency)) !important;
}
}

@media (prefers-color-scheme: light) {
#urlbar[breakout-extend="true"] .urlbar-background {
background-color: color-mix(in hsl,
var(--mod-cleanedurlbar-customlightcolor),
transparent var(--mod-cleanedurlbar-customtransparency)) !important;
}
}

/* Custom URL result selected color */
.urlbarView-row {
&[selected] {
background-color: var(--mod-cleanedurlbar-customselectcolor) !important;
color: var(--mod-cleanedurlbar-customselectfontcolor) !important;
}
}

/* Unifies the border radius */
.urlbarView-row {
border-radius: 11px !important;
}

/* Deletes the border */
.urlbarView-body-inner {
border: none !important;
}

/* Styles the search options */
.search-one-offs {
border-top: none !important;
border-radius: 10px !important;
padding: 4px !important;
margin: 0px 0px 7px 0px !important;
backdrop-filter: brightness(130%);
}

.searchbar-engine-one-off-item {
border-radius: 8px !important;
margin-right: 3px !important;
}

#urlbar-anon-search-settings {
margin-right: 0px !important;
}
}
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
32 changes: 32 additions & 0 deletions themes/96aaee84-2706-4b3c-82cf-a7a698b72048/preferences.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
[
{
"property": "mod.cleanedurlbar.customdarkcolor",
"label": "Cleaned URL Bar Color (HSL only) [Dark Mode]",
"type": "string",
"defaultValue": "hsl(0 0 10)"
},
{
"property": "mod.cleanedurlbar.customlightcolor",
"label": "Cleaned URL Bar Color (HSL only) [Light Mode]",
"type": "string",
"defaultValue": "hsl(0 0 90)"
},
{
"property": "mod.cleanedurlbar.customtransparency",
"label": "Transparency (In percentage ex. 100%)",
"type": "string",
"defaultValue": "40%"
},
{
"property": "mod.cleanedurlbar.customselectcolor",
"label": "Selected URL color (rgb, hsl, hex)",
"type": "string",
"defaultValue": "rgba(125, 125, 125, 0.65)"
},
{
"property": "mod.cleanedurlbar.customselectfontcolor",
"label": "Selected URL font color (rgb, hsl, hex)",
"type": "string",
"defaultValue": "rgba(255,255,255,1)"
}
]
18 changes: 18 additions & 0 deletions themes/96aaee84-2706-4b3c-82cf-a7a698b72048/readme.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@

# Zen Cleaned URL Bar (Maintained Fork)

A maintained fork of [zen-cleaned-url-bar](https://github.com/dinnoyow/zen-cleaned-url-bar) by [@Dinno-DEV](https://github.com/dinnoyow), with bug fixes for recent Zen/Firefox versions.

## What's different

- **Fix transparent URL bar** — adds a no-op `backdrop-filter` on `#browser` to re-establish the stacking context removed upstream. Refs:
- https://github.com/zen-browser/desktop/issues/13389
- https://github.com/zen-browser/desktop/pull/13424
- **Fix class selector** — `#urlbar-background` was converted to a class in Zen 1.16; updated selector to `.urlbar-background`

## Customization

- URL panel color
- URL panel transparency
- Selected result color
- Selected result font color
15 changes: 15 additions & 0 deletions themes/96aaee84-2706-4b3c-82cf-a7a698b72048/theme.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{
"id": "96aaee84-2706-4b3c-82cf-a7a698b72048",
"name": "Better Cleaned URL Bar",
"description": "Elegant and minimalistic glassmorphic URL bar with blur, transparency and customizable colors",
"homepage": "https://github.com/matteo-tafuro/zen-better-cleaned-url-bar",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/96aaee84-2706-4b3c-82cf-a7a698b72048/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/96aaee84-2706-4b3c-82cf-a7a698b72048/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/96aaee84-2706-4b3c-82cf-a7a698b72048/image.png",
"author": "matteo-tafuro",
"version": "1.0.0",
"tags": [],
"createdAt": "2026-05-05",
"updatedAt": "2026-05-05",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/96aaee84-2706-4b3c-82cf-a7a698b72048/preferences.json"
}
Loading