mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 08:55:31 +02:00
Add theme: Zen0 Better Split Tab
This commit is contained in:
Ayamarre
GitHub
parent
db13a9f42a
commit
c95a7dfdf6
4 changed files with 361 additions and 0 deletions
329
themes/353d3303-d6c6-4a96-9006-b4af30e59880/chrome.css
Normal file
329
themes/353d3303-d6c6-4a96-9006-b4af30e59880/chrome.css
Normal file
|
|
@ -0,0 +1,329 @@
|
||||||
|
|
||||||
|
/* >> Zen0 - Context Menu
|
||||||
|
* >> CSS Style to match your theme for Menu, Context Menu, Toolbar, Download Panel
|
||||||
|
* >> Crédit: FF-ULTIMA, Zer0, Naёzr⁴², KiKaraage, Raysin, Tanay-Kar
|
||||||
|
* >> Version: 1.12.8b – 2025-05-25
|
||||||
|
* >> Author: Fluntek
|
||||||
|
*/
|
||||||
|
|
||||||
|
@-moz-document url-prefix("chrome:") {
|
||||||
|
|
||||||
|
menu, menuitem,
|
||||||
|
#downloadsHistory,
|
||||||
|
#PanelUI-helpItems,
|
||||||
|
#customization-container,
|
||||||
|
#unified-extensions-view {
|
||||||
|
text-underline-offset: 10000px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
menupopup, panel, customization-container {
|
||||||
|
font-weight: bold !important;
|
||||||
|
transform: scaleX(100.8%) !important;
|
||||||
|
color-scheme: light dark;
|
||||||
|
--panel-background: var(--uc-context-menu) !important;
|
||||||
|
--panel-border-radius: var(--uc-all-border-radius) !important;
|
||||||
|
--panel-border-color: var(--uc-panel-border-ii) !important;
|
||||||
|
--panel-shadow: 0 0 var(--panel-shadow-margin) hsla(0,0%,0%,.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
#unified-extensions-view {
|
||||||
|
margin-block: 2px !important;
|
||||||
|
min-height: 15px !important;
|
||||||
|
line-height: 15px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#unified-extensions-view box.panel-header,
|
||||||
|
#unified-extensions-description,
|
||||||
|
#unified-extensions-messages-container,
|
||||||
|
.unified-extensions-item-message-deck,
|
||||||
|
toolbarseparator:not(panel toolbarseparator),
|
||||||
|
panel toolbarseparator,
|
||||||
|
menuseparator, menuseparator:first-of-type, menuseparator::before {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tabContextMenu {
|
||||||
|
--tab-button-count: 4;
|
||||||
|
--tab-menu-width: 230px;
|
||||||
|
--tab-button-gap: 4px;
|
||||||
|
--tab-initial-gap: calc(var(--tab-button-gap) - var(--panel-padding));
|
||||||
|
--tab-button-width: calc(
|
||||||
|
(var(--tab-menu-width) - 2 * (var(--panel-padding) + var(--panel-shadow-margin)) - 2 * var(--tab-initial-gap) + var(--tab-button-gap))
|
||||||
|
/ var(--tab-button-count) - var(--tab-button-gap)
|
||||||
|
);
|
||||||
|
--tab-button-height: 50px;
|
||||||
|
--tab-button-bg-color-hover: rgba(255, 255, 255, 0.17);
|
||||||
|
--tab-button-bg-color-active: rgba(255, 255, 255, 0.27);
|
||||||
|
--zen-appcontent-border: transparent 1px solid;
|
||||||
|
width: var(--tab-menu-width) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tabContextMenu:has(#context_unpinTab[hidden]):has(#context_pinTab[hidden ~= "true"]) {
|
||||||
|
--tab-button-count: 3 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tabContextMenu > * {
|
||||||
|
transition: background-color 250ms ease-in-out !important;
|
||||||
|
border-radius: 6px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#context_reloadTab,
|
||||||
|
#context_pinTab,
|
||||||
|
#context_unpinTab,
|
||||||
|
#context_zen-add-essential,
|
||||||
|
#context_zen-remove-essential,
|
||||||
|
#context_bookmarkTab {
|
||||||
|
width: var(--tab-button-width);
|
||||||
|
height: var(--tab-button-height);
|
||||||
|
border-radius: 10px !important;
|
||||||
|
background-position: center !important;
|
||||||
|
transition: background-color 100ms ease-in-out !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#context_reloadTab:hover,
|
||||||
|
#context_pinTab:hover,
|
||||||
|
#context_unpinTab:hover,
|
||||||
|
#context_zen-add-essential:hover,
|
||||||
|
#context_zen-remove-essential:hover,
|
||||||
|
#context_bookmarkTab:hover {
|
||||||
|
background-color: var(--tab-button-bg-color-hover) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#context_reloadTab:active,
|
||||||
|
#context_pinTab:active,
|
||||||
|
#context_unpinTab:active,
|
||||||
|
#context_zen-add-essential:active,
|
||||||
|
#context_zen-remove-essential:active,
|
||||||
|
#context_bookmarkTab:active {
|
||||||
|
background-color: var(--tab-button-bg-color-active) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#context_reloadTab .menu-text,
|
||||||
|
#context_pinTab .menu-text,
|
||||||
|
#context_unpinTab .menu-text,
|
||||||
|
#context_zen-add-essential .menu-text,
|
||||||
|
#context_zen-remove-essential .menu-text,
|
||||||
|
#context_bookmarkTab .menu-text {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#context_reloadTab {
|
||||||
|
transform: translate(var(--tab-initial-gap), var(--tab-initial-gap));
|
||||||
|
order: -20;
|
||||||
|
}
|
||||||
|
|
||||||
|
#context_pinTab,
|
||||||
|
#context_unpinTab {
|
||||||
|
transform: translate(calc(var(--tab-button-width) + var(--tab-button-gap) + var(--tab-initial-gap)), calc(var(--tab-initial-gap) - 30px));
|
||||||
|
margin: -20px 0 -30px;
|
||||||
|
order: -19;
|
||||||
|
}
|
||||||
|
|
||||||
|
#context_zen-add-essential,
|
||||||
|
#context_zen-remove-essential {
|
||||||
|
transform: translate(calc((var(--tab-button-count) - 2) * (var(--tab-button-width) + var(--tab-button-gap)) + var(--tab-initial-gap)), calc(var(--tab-initial-gap) - 30px));
|
||||||
|
margin: -20px 0 -30px;
|
||||||
|
order: -18;
|
||||||
|
}
|
||||||
|
|
||||||
|
#context_bookmarkTab {
|
||||||
|
transform: translate(calc((var(--tab-button-count) - 1) * (var(--tab-button-width) + var(--tab-button-gap)) + var(--tab-initial-gap)), calc(var(--tab-initial-gap) - 30px));
|
||||||
|
margin: -20px 0 -30px;
|
||||||
|
order: -17;
|
||||||
|
}
|
||||||
|
|
||||||
|
#context_zen-add-essential {
|
||||||
|
display: inline !important;
|
||||||
|
visibility: visible !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#context_openANewTab,
|
||||||
|
#pageAction-urlbar-copy-frame-url_jeffersonscher_com,
|
||||||
|
#context-take-screenshot,
|
||||||
|
#context-sep-screenshots,
|
||||||
|
#frame-sep,
|
||||||
|
#context-savepage,
|
||||||
|
#context-viewsource,
|
||||||
|
#context-inspect-a11y,
|
||||||
|
#context-inspect,
|
||||||
|
#inspect-separator,
|
||||||
|
#context-media-eme-separator,
|
||||||
|
#context-viewpartialsource-selection,
|
||||||
|
#context_duplicateTab,
|
||||||
|
#context_duplicateTabs,
|
||||||
|
#context_selectAllTabs,
|
||||||
|
#context_selectedAllTabs,
|
||||||
|
#toolbar-context-selectAllTabs,
|
||||||
|
#context-selectall,
|
||||||
|
#context-sep-selectall,
|
||||||
|
#spell-separator,
|
||||||
|
#spell-check-enabled,
|
||||||
|
#spell-add-dictionaries-main,
|
||||||
|
#spell-dictionaries,
|
||||||
|
#context-sep-bidi,
|
||||||
|
#context-bidi-text-direction-toggle,
|
||||||
|
#context-bidi-page-direction-toggle,
|
||||||
|
#context-sendimage,
|
||||||
|
#context-sep-setbackground,
|
||||||
|
#context-setDesktopBackground,
|
||||||
|
#context-sep-sharing,
|
||||||
|
#context-viewimageinfo,
|
||||||
|
#context-print-selection,
|
||||||
|
#context-searchselect-private,
|
||||||
|
#context_closeTab,
|
||||||
|
#context_closeDuplicateTabs,
|
||||||
|
#context_closeTabOptions,
|
||||||
|
#context_sendTabToDevice,
|
||||||
|
#context-sendpagetodevice,
|
||||||
|
#context-sendlinktodevice,
|
||||||
|
#context_reopenInContainer,
|
||||||
|
#context-openlinkinusercontext-menu,
|
||||||
|
#context_moveTabOptions,
|
||||||
|
#context-zenAddToWebPanel,
|
||||||
|
#context_toggleMuteTab,
|
||||||
|
#context_toggleMuteSelectedTabs,
|
||||||
|
#context_playTab,
|
||||||
|
#context_playSelectedTabs {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
menupopup > menuitem:not(#context_reloadTab):not(#context_pinTab):not(#context_unpinTab):not(#context_zen-add-essential):not(#context_zen-remove-essential):not(#context_bookmarkTab),
|
||||||
|
menupopup > menu:not(#context_reloadTab):not(#context_pinTab):not(#context_unpinTab):not(#context_zen-add-essential):not(#context_zen-remove-essential):not(#context_bookmarkTab) {
|
||||||
|
margin-block: 2px !important;
|
||||||
|
min-height: 20px !important;
|
||||||
|
line-height: 20px !important;
|
||||||
|
border-radius: 8px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customization-container {
|
||||||
|
font-size: 14px !important;
|
||||||
|
font-weight: 700 !important;
|
||||||
|
letter-spacing: 0.3px;
|
||||||
|
position: absolute;
|
||||||
|
top: 50% !important;
|
||||||
|
left: 50% !important;
|
||||||
|
transform: translate(-50%, -50%) !important;
|
||||||
|
z-index: 1;
|
||||||
|
height: 43% !important;
|
||||||
|
width: 36% !important;
|
||||||
|
backdrop-filter: blur(35px) saturate(130%) brightness(1.2) !important;
|
||||||
|
background: light-dark(rgba(255, 255, 255, 1), rgba(15, 15, 15, 0.1)) !important;
|
||||||
|
border-radius: 20px !important;
|
||||||
|
background-blend-mode: exclusion !important;
|
||||||
|
box-shadow:
|
||||||
|
0px 2px 26px -4px rgba(0, 0, 0, 0.90),
|
||||||
|
inset 0px 0px 5px -2.5px rgba(255, 255, 255, 1) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customization-container .toolbarbutton-icon {
|
||||||
|
width: 24px !important;
|
||||||
|
height: 24px !important;
|
||||||
|
object-fit: contain !important;
|
||||||
|
max-width: 100% !important;
|
||||||
|
max-height: 100% !important;
|
||||||
|
display: flex !important;
|
||||||
|
align-items: center !important;
|
||||||
|
justify-content: center !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customization-container toolbarbutton {
|
||||||
|
min-width: 20px !important;
|
||||||
|
min-height: 20px !important;
|
||||||
|
padding: 4px !important;
|
||||||
|
display: flex !important;
|
||||||
|
align-items: center !important;
|
||||||
|
justify-content: center !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customization-container #customization-panel-container {
|
||||||
|
padding: 10px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customization-container #customization-panelWrapper {
|
||||||
|
--panel-arrow-offset: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customization-container .panel-arrowbox,
|
||||||
|
#customization-container .panel-arrowcontent {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (-moz-bool-pref: "zen.tabs.vertical.right-side") {
|
||||||
|
#customization-container {
|
||||||
|
left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#customization-container #customization-content-container {
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
tab-group[split-view-group] > .tabbrowser-tab:not(:last-child)::after {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#appMenu-zoom-controls {
|
||||||
|
border-top: none !important;
|
||||||
|
|
||||||
|
& #appMenu-fullscreen-button2::before {
|
||||||
|
content: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#downloadsPanel {
|
||||||
|
font-weight: bold !important;
|
||||||
|
color-scheme: light dark;
|
||||||
|
--panel-background: var(--uc-context-menu) !important;
|
||||||
|
--panel-border-radius: var(--uc-all-border-radius) !important;
|
||||||
|
--panel-border-color: var(--uc-panel-border-ii) !important;
|
||||||
|
--panel-shadow: 0 0 var(--panel-shadow-margin) hsla(0,0%,0%,.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
#downloadsFooterButtons > toolbarseparator {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.downloadButton {
|
||||||
|
min-width: 40px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#downloadsListBox {
|
||||||
|
font-weight: 600 !important;
|
||||||
|
display: flex !important;
|
||||||
|
flex-wrap: wrap !important;
|
||||||
|
flex-direction: row !important;
|
||||||
|
gap: 2px !important;
|
||||||
|
overflow-y: auto !important;
|
||||||
|
overflow-x: hidden !important;
|
||||||
|
scrollbar-width: none !important;
|
||||||
|
box-sizing: border-box !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#downloadsListBox > richlistitem {
|
||||||
|
flex: 1 1 calc(50% - 10px) !important;
|
||||||
|
min-width: 100px !important;
|
||||||
|
box-sizing: border-box !important;
|
||||||
|
display: flex !important;
|
||||||
|
flex-direction: column !important;
|
||||||
|
align-items: center !important;
|
||||||
|
color-scheme: light dark;
|
||||||
|
}
|
||||||
|
|
||||||
|
#downloadsHistory {
|
||||||
|
font-size: 14px !important;
|
||||||
|
min-block-size: 40px !important;
|
||||||
|
text-underline-offset: 10000px !important;
|
||||||
|
font-weight: 600 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-button {
|
||||||
|
font-weight: 600 !important;
|
||||||
|
font-size: 14px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subviewbutton {
|
||||||
|
margin-block: 2px !important;
|
||||||
|
min-height: 35px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
BIN
themes/353d3303-d6c6-4a96-9006-b4af30e59880/image.png
Normal file
BIN
themes/353d3303-d6c6-4a96-9006-b4af30e59880/image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 71 KiB |
18
themes/353d3303-d6c6-4a96-9006-b4af30e59880/readme.md
Normal file
18
themes/353d3303-d6c6-4a96-9006-b4af30e59880/readme.md
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
|
||||||
|
<h1 align="center">
|
||||||
|
Zen0 - Better Split Tab
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
<a href="https://zen-browser.app"><img height="40" src="https://github.com/heyitszenithyt/zen-browser-badges/blob/fb14dcd72694b7176d141c774629df76af87514e/light/zen-badge-light.png"></a>
|
||||||
|
<br>
|
||||||
|
Rework the Split Tab for a better overview
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
<img src="https://github.com/user-attachments/assets/7d2bafbb-3c55-47ff-b7fe-a2b105a08292" alt="Splittab header" />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
<img src="https://github.com/user-attachments/assets/4d1491ea-0620-47ea-9b9d-d819c2cf0258" alt="Splittab BefAft" />
|
||||||
|
</p>
|
||||||
14
themes/353d3303-d6c6-4a96-9006-b4af30e59880/theme.json
Normal file
14
themes/353d3303-d6c6-4a96-9006-b4af30e59880/theme.json
Normal file
|
|
@ -0,0 +1,14 @@
|
||||||
|
{
|
||||||
|
"id": "353d3303-d6c6-4a96-9006-b4af30e59880",
|
||||||
|
"name": "Zen0 Better Split Tab",
|
||||||
|
"description": "Rework the Split Tab for a better overview",
|
||||||
|
"homepage": "https://github.com/Ayamarre/Zen0-Better-Split-Tab",
|
||||||
|
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/353d3303-d6c6-4a96-9006-b4af30e59880/chrome.css",
|
||||||
|
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/353d3303-d6c6-4a96-9006-b4af30e59880/readme.md",
|
||||||
|
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/353d3303-d6c6-4a96-9006-b4af30e59880/image.png",
|
||||||
|
"author": "Ayamarre",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"tags": [],
|
||||||
|
"createdAt": "2025-05-26",
|
||||||
|
"updatedAt": "2025-05-26"
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue