mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 17:05:31 +02:00
Add theme: Compact Floating TopBar
This commit is contained in:
parent
4fc8b0839e
commit
72fe0fbc4a
5 changed files with 65 additions and 0 deletions
52
themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/chrome.css
Normal file
52
themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/chrome.css
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
BIN
themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/image.png
Normal file
BIN
themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/image.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 537 KiB |
|
@ -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"
|
||||||
|
}
|
6
themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/readme.md
Normal file
6
themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/readme.md
Normal 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.
|
1
themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/theme.json
Normal file
1
themes/6c81b5ec-6c4d-4057-b5b4-be4210375989/theme.json
Normal 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"}
|
Loading…
Add table
Add a link
Reference in a new issue