This commit is contained in:
mr. m 2025-06-30 00:45:32 +03:00 committed by GitHub
commit a535ee8282
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 65 additions and 0 deletions

View file

@ -0,0 +1,52 @@
@media (-moz-bool-pref: "zen.view.compact") {
#zen-appcontent-navbar-container {
align-self: center !important;
width: 75% !important;
border-radius: 0px 0px 10px 10px !important;
}
@media (-moz-bool-pref: "uc.compacttopbar.float") {
#zen-appcontent-navbar-container {
margin: 1vh !important;
border-radius: 10px 10px 10px 10px !important;
}
}
@media (-moz-bool-pref: "uc.compacttopbar.glow") {
#nav-bar {
box-shadow: rgb(38, 57, 77) 0px 0px 20px 10px;
border-radius: 0px 0px 10px 10px !important;
}
@media (-moz-bool-pref: "uc.topbar.float") {
#nav-bar {
border-radius: 10px 10px 10px 10px !important;
}
}
}
@media (-moz-bool-pref: "uc.compacttopbar.outline") {
#nav-bar {
border: 1px solid rgba(255, 255, 255, 0.4) !important;
border-top: 0px solid !important;
border-radius: 0px 0px 10px 10px !important;
}
@media (-moz-bool-pref: "uc.compacttopbar.float") {
#nav-bar {
border: 1px solid rgba(255, 255, 255, 0.4) !important;
border-radius: 10px 10px 10px 10px !important;
}
}
}
@media (-moz-bool-pref: "uc.compacttopbar.applyToTabBar") {
@media (-moz-bool-pref: "uc.topbar.glow") {
#titlebar {
box-shadow: rgb(38, 57, 77) 0px 0px 20px 10px;
border-radius: 10px 10px 10px 10px !important;
}
}
@media (-moz-bool-pref: "uc.compacttopbar.outline") {
#titlebar {
border: 1px solid rgba(255, 255, 255, 0.4) !important;
border-radius: 10px 10px 10px 10px !important;
}
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 537 KiB

View file

@ -0,0 +1,6 @@
{
"uc.compacttopbar.float": "Makes the top bar float out from screen edge in compact mode",
"uc.compacttopbar.glow": "Makes the top bar have a glow around it for better visual seperation",
"uc.compacttopbar.outline": "Makes the top bar have a thin white outline around it for better visual seperation",
"uc.compacttopbar.applyToTabBar": "Apply glow and outline to Tab navigation side bar as well"
}

View file

@ -0,0 +1,6 @@
# Compact Floating TopBar
This theme changes the top bar to be more compact and centered.
- Works in compact mode ONLY (recommended: hide top bar).
- Customizable (float out, glow, outline) from theme settings.
- Matches well with Smaller Compact Mode theme.

View file

@ -0,0 +1 @@
{"id": "6c81b5ec-6c4d-4057-b5b4-be4210375989", "name": "Compact Floating TopBar", "description": "This theme changes the top bar to be more compact and centered in compact mode.", "homepage": "https://github.com/HiroDane/zen-themes/tree/main/compact-floating-topbar", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/chrome.css", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/readme.md", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/image.png", "author": "HiroDane", "version": "1.0.0", "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/preferences.json"}