Merge pull request #1573 from KiKaraage/main

Zen Context Menu v3.0 + Cleaner Extensions v2.2
This commit is contained in:
mr. m 2025-06-11 12:06:48 +02:00 committed by GitHub
commit dc9d570f72
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 726 additions and 227 deletions

View file

@ -1,6 +1,7 @@
@media not (-moz-bool-pref: "mod.extension.viewgrid") {
/* Hide header, description, extension captions */
#unified-extensions-view box.panel-header,
#unified-extensions-view > :nth-child(2),
#unified-extensions-description,
#unified-extensions-messages-container,
.unified-extensions-item-message-deck {
@ -15,13 +16,15 @@
padding-block: 0px !important;
}
#unified-extensions-manage-extensions {
padding-inline: 10px !important;
margin-inline: 4px !important;
padding: 8px 10px !important;
margin-block-end: 4px !important;
}
#unified-extensions-panel .unified-extensions-item {
margin-block: 2px !important;
}
#unified-extensions-view .unified-extensions-item-action-button:hover {
background-color: transparent !important;
background-color: color-mix(in srgb, currentColor 3%, transparent) !important;
}
#unified-extensions-view .unified-extensions-item-menu-button.subviewbutton,
.unified-extensions-item-row-wrapper {
@ -35,6 +38,7 @@
.unified-extensions-item-menu-button.subviewbutton > .toolbarbutton-icon {
opacity: 0.85 !important;
}
background-color: transparent !important;
}
#unified-extensions-view .unified-extensions-item-action-button .panel-no-padding .webextension-browser-action {
padding: 0 !important;
@ -43,10 +47,10 @@
max-height: 3em !important;
}
#unified-extensions-view .subviewbutton-iconic {
& > .toolbarbutton-icon {
width: 1.2em !important;
height: 1.2em !important;
padding: 0.7em !important;
& > .toolbarbutton-icon {
width: 1.2em !important;
height: 1.2em !important;
padding: 0.7em !important;
}
}
}
@ -56,10 +60,11 @@
#unified-extensions-view {
width: calc(var(--menu-panel-width) - 75px) !important;
}
/* Hide the header as well as texts and settings icon for each extension, so only icons are visible */
#unified-extensions-description,
#unified-extensions-view .panel-header,
#unified-extensions-view > :nth-child(2),
.unified-extensions-item-name,
.unified-extensions-item-message,
.unified-extensions-item-message-hover,
@ -67,9 +72,9 @@
.unified-extensions-item-menu-button {
display: none !important;
}
/* Arrange extensions in a properly centered 4-column grid */
#unified-extensions-area, .unified-extensions-list {
#overflowed-extensions-list, #unified-extensions-area, .unified-extensions-list {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important; /* 4 columns */
justify-content: left !important;
@ -78,11 +83,11 @@
width: 0px !important;
gap: 7px 0px;
}
#unified-extensions-area {
padding-block: 7px !important;
}
/* Ensure the extensions are fully centered with squircle hover shape, and reduce unneeded margins/paddings */
.unified-extensions-item {
display: flex !important;
@ -97,27 +102,23 @@
panelview .unified-extensions-item-action-button {
padding: 5px 10px !important;
}
.unified-extensions-item-row-wrapper .unified-extensions-item-action-button {
&:not([disabled]):hover {
color: inherit;
background-color: transparent !important;
}
/* Set proper padding for the Manage Extensions button */
#unified-extensions-manage-extensions {
padding: 8px 16px !important;
margin-block-end: 4px !important;
}
/* Set lighter opacity for passive extension buttons */
.unified-extensions-item-icon {
opacity: 0.3;
}
.unified-extensions-list .unified-extensions-item:hover {
background-color: color-mix(in srgb, currentColor 6%, transparent) !important;
}
/* Set proper padding for the Manage Extensions button */
#unified-extensions-manage-extensions {
padding: 8px 16px !important;
.unified-extensions-item-action-button:hover {
background-color: color-mix(in srgb, currentColor 3%, transparent) !important;
}
#unified-extensions-view toolbarseparator {
margin-top: 12px !important;
margin-top: 8px !important;
}
}

View file

@ -1,7 +1,7 @@
[
{
"property": "mod.extension.viewgrid",
"label": "Xtra Clean mode: Present the extensions as grid (credits to Perseus333 and Fushiguro)",
"label": "Xtra Clean mode: Present the extensions as grid",
"type": "checkbox"
},
{
@ -14,4 +14,4 @@
"label": "Way Too Clean mode: Remove the extension button",
"type": "checkbox"
}
]
]

View file

@ -1,15 +1,15 @@
{
"id": "1e86cf37-a127-4f24-b919-d265b5ce29a0",
"name": "Cleaner Extensions",
"description": "Remove header and reduce width of the Unified Extension Menu in Zen",
"description": "Clean up the Unified Extension Menu, grid the buttons, show the puzzle button only on hover.. or hide it completely",
"homepage": "",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e86cf37-a127-4f24-b919-d265b5ce29a0/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e86cf37-a127-4f24-b919-d265b5ce29a0/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e86cf37-a127-4f24-b919-d265b5ce29a0/image.png",
"author": "KiKaraage",
"version": "2.1.0",
"version": "2.2",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1e86cf37-a127-4f24-b919-d265b5ce29a0/preferences.json",
"tags": [],
"createdAt": "2024-09-03",
"updatedAt": "2025-05-22"
"updatedAt": "2025-06-11"
}

View file

@ -1,7 +1,60 @@
/* Zen Context Menu v2.0 by KiKaraage */
/* Zen Context Menu v3.0 by KiKaraage */
/* Fix ergonomics for tab context menu by applying some reorderings
* plus hiding disabled options and some separators
* Applied by default when enabling Zen Context Menu mod */
@media -moz-pref("uc.fixcontext.ergonomicsfortabs") {
#tabContextMenu {
#context_toggleMuteTab,
#context_toggleMuteSelectedTabs,
#context_zen-add-essential,
#context_zen-remove-essential,
#context_pinTab,
#context_pinSelectedTabs,
#context_unpinTab,
#context_unpinSelectedTabs,
#context_zenSplitTabs:not([disabled="true"]) {
order: -8 !important;
}
#context_duplicateTab,
#context_duplicateTabs,
#context_unloadTab {
order: -7 !important;
}
:nth-child(5) {
order: -6 !important;
}
#context_moveTabToGroup,
#context_reopenInContainer,
#context-zen-change-workspace-tab {
order: -5 !important;
}
:nth-child(32) {
order: -4 !important;
}
#context_zenSplitTabs,
#context_undoCloseTab {
order: -3 !important;
}
#context_closeTab,
#context_closeTabOptions,
#context_closeDuplicateTabs,
#context_zen-reset-pinned-tab,
#context_zen-replace-pinned-url-with-current {
order: 2;
}
#context_zenSplitTabs[label="Split Tab (multiple selected tabs needed)"],
#context_zenSplitTabs[disabled="true"],
#context_closeDuplicateTabs[disabled],
#context_zen-pinned-tab-separator,
:nth-child(28), :nth-child(43) {
display: none;
}
}
}
/* Hide all separators */
@media (-moz-bool-pref: "uc.hidecontext.separators") {
@media -moz-pref("uc.hidecontext.separators") {
menuseparator::before {
border-top: none !important;
}
@ -9,14 +62,14 @@
padding-block: 0px !important;
}
}
/* Hide all icons (Won't work for extension & checkbox context menu options) */
@media (-moz-bool-pref: "uc.hidecontext.optionicons") {
/* Hide all icons in context menu, except checkboxes and radio buttons, to fit current Zen styling */
@media -moz-pref("uc.hidecontext.icons") {
:not(:not(menubar) > menu, #ContentSelectDropdown)
> menupopup
> menuitem:not(
.menuitem-iconic,
[type="checkbox"],
[type="radio"],
[type='checkbox'],
[type='radio'],
.in-menulist,
.in-menulist menuitem,
.unified-nav-current
@ -25,123 +78,87 @@
> menupopup
> menu:not(
.menu-iconic,
[type="checkbox"],
[type="radio"],
[type='checkbox'],
[type='radio'],
.in-menulist,
.in-menulist menu,
.unified-nav-current
),
:not(:not(menubar) > menu, #ContentSelectDropdown) > menupopup > menucaption {
padding-inline-start: var(
--fp-contextmenu-menuicon-margin-inline
) !important;
padding-inline: 6px !important;
}
:not(:not(menubar) > menu, #ContentSelectDropdown)
> menupopup
> menuitem:not(
.menuitem-iconic,
[type="checkbox"],
[type="radio"],
.in-menulist,
.in-menulist menuitem,
.unified-nav-current
),
:not(:not(menubar) > menu, #ContentSelectDropdown)
> menupopup
> menu:not(
.menu-iconic,
[type="checkbox"],
[type="radio"],
.in-menulist,
.in-menulist menu,
.unified-nav-current
),
#toggle_toolbar-menubar,
#PanelUI-history toolbarbutton,
#unified-extensions-context-menu menuitem {
background-image: none !important;
menupopup > menuitem:is([type='checkbox']) .menu-iconic-left {
--menu-image: none !important;
margin-inline-start: 4px !important;
@media not (-moz-platform: windows) {
margin-inline-end: 0 !important;
padding-inline-end: 0 !important;
}
}
}
/* Apply Zen workspace colors to all context menu, panels, and confirmation pop-ups */
@media (-moz-bool-pref: "uc.fixcontext.applyzencolors") {
menupopup, panel {
--panel-background: var(--zen-main-browser-background) !important;
.textbox-contextmenu,
menupopup:has(menuitem[type="radio"], menuitem[type="checkbox"]),
menu:has(menuitem[type="radio"], menuitem[type="checkbox"]) {
.menu-icon {
display: none !important;
}
menuitem[type="radio"],
menuitem[type="checkbox"],
#context-navigation {
.menu-icon {
display: inherit !important;
}
}
}
/* Fix text color on confirmation pop-ups when applying Zen colors on light mode */
#confirmation-hint {
--arrowpanel-color: var(--sidebar-text-color) !important;
}
}
@media (-moz-bool-pref: "uc.fixcontext.extensionmargins") {
/* Fix padding for extensions-related context menu on Windows */
menu > .menu-iconic-text,
menuitem > .menu-iconic-text {
padding-inline-start: calc(
var(--fp-contextmenu-menuicon-margin-inline) - 10px
) !important;
}
/* Fix padding for "Tabs on the right" & "Compact Mode" options on Windows */
menuitem[checked="true"] > .menu-iconic-text {
padding-inline-start: 10px !important;
}
#zen-toolbar-context-tabs-right {
padding-inline-start: 34px !important;
}
#zen-toolbar-context-tabs-right[checked="true"] {
padding-inline-start: 8px !important;
}
#zen-context-menu-compact-mode {
padding-inline-start: calc(
var(--fp-contextmenu-menuitem-padding-inline) + 18px +
var(--fp-contextmenu-menuicon-margin-inline)
) !important;
}
#zen-context-menu-compact-mode-hide-sidebar,
#zen-context-menu-compact-mode-hide-toolbar,
#zen-context-menu-compact-mode-hide-both {
padding-inline-start: 40px !important;
}
#zen-context-menu-compact-mode-hide-sidebar[checked="true"],
#zen-context-menu-compact-mode-hide-toolbar[checked="true"],
#zen-context-menu-compact-mode-hide-both[checked="true"] {
padding-inline-start: 16px !important;
& .menu-iconic-text {
padding-inline-start: 2px !important;
menupopup[needsgutter] {
@media (-moz-platform: windows) {
& > menu:not([icon], .menu-iconic), & > menuitem:not([checked="true"], [icon], .menuitem-iconic) {
padding-inline-start: 12px !important;
}
}
}
}
/* Only use “Copy Link Without Site Tracking” */
@media (-moz-bool-pref: "uc.hidecontext.copylink") {
#context-copylink {
opacity: 0 !important;
padding: 0 !important;
height: 2px !important;
/* Apply Zen workspace gradient to all context menu and panels
* Suitable if the OS, desktop environment or window manager supported blur background */
@media -moz-pref("uc.fixcontext.applyzengradient") {
menupopup, panel {
--panel-background: var(--zen-main-browser-background) !important;
}
#context-copylink:hover {
opacity: 1 !important;
padding-block: 0.5em !important;
padding-inline-start: calc( var(--fp-contextmenu-menuitem-padding-inline) + 16px + var(--fp-contextmenu-menuicon-margin-inline) ) !important;
height: inherit !important;
/* Fix text color on Firefox confirmation pop-ups when applying Zen colors on light mode */
#confirmation-hint {
--arrowpanel-color: var(--sidebar-text-color) !important;
border: none !important;
}
}
/* Hide "Menu Bar" toggle */
@media (-moz-bool-pref: "uc.hidecontext.menubar") {
#toggle_toolbar-menubar {
/* Apply Zen workspace accent color to all context menu and panels*/
@media -moz-pref("uc.fixcontext.applyzenaccent") {
menupopup, panel {
--panel-background: color-mix(in srgb, var(--zen-primary-color) 40%, var(--zen-colors-tertiary)) !important;
}
}
/* Prioritize “Copy Clean Link" when available, otherwise, only show "Copy Link” */
@media -moz-pref("uc.hidecontext.copylink") {
#contentAreaContextMenu:has(#context-stripOnShareLink[disabled="false"]) {
#context-copylink {
display: none !important;
}
}
#context-stripOnShareLink[disabled="true"] {
display: none !important;
}
}
/* Hide "Bookmark Tab/Link” */
@media (-moz-bool-pref: "uc.hidecontext.bookmark") {
@media -moz-pref("uc.hidecontext.bookmark") {
#toolbar-context-bookmarkSelectedTab,
#toolbar-context-bookmarkSelectedTabs,
#context_bookmarkSelectedTabs,
#context_bookmarkTab,
#context-bookmarklink {
display: none !important;
}
}
/* Hide "Mute Tab" option */
@media (-moz-bool-pref: "uc.hidecontext.mutetab") {
@media -moz-pref("uc.hidecontext.mutetab") {
#context_toggleMuteTab,
#context_toggleMuteSelectedTabs,
#context_playTab,
@ -150,34 +167,29 @@
}
}
/* Hide "New Tab" options */
@media (-moz-bool-pref: "uc.hidecontext.newtab") {
@media -moz-pref("uc.hidecontext.newtab") {
#context_openANewTab,
#toolbar-context-openANewTab,
#toolbarNavigatorItemsMenuSeparator {
display: none !important;
}
}
/* Hide 'Add to Web Panel' option" */
@media (-moz-bool-pref: "uc.hidecontext.addtowebpanel") {
#context-zenAddToWebPanel {
display: none !important;
}
}
/* Hide "Move Tab" options */
@media (-moz-bool-pref: "uc.hidecontext.movetaboptions") {
@media -moz-pref("uc.hidecontext.movetaboptions") {
#context_moveTabOptions {
display: none !important;
}
}
/* Hide “Open Tab/Link in New Container Tab” */
@media (-moz-bool-pref: "uc.hidecontext.newcontainer") {
@media -moz-pref("uc.hidecontext.newcontainer") {
#context_reopenInContainer,
#context-openlinkinusercontext-menu {
display: none !important;
}
}
/* Hide “Send Tab/Link to Device” */
@media (-moz-bool-pref: "uc.hidecontext.sendtodevice") {
@media -moz-pref("uc.hidecontext.sendtodevice") {
#context_sendTabToDevice,
#context-sendpagetodevice,
#context-sendlinktodevice,
@ -185,41 +197,52 @@
display: none !important;
}
}
/* Hide close tab options (Close Tabs, Close Duplicate Tabs, Close Multiple Tabs) */
@media (-moz-bool-pref: "uc.hidecontext.closetab") {
/* Hide "Close Tabs" & "Close Duplicate Tabs"*/
@media -moz-pref("uc.hidecontext.closetab") {
#context_closeTab,
#context_closeDuplicateTabs,
#context_closeDuplicateTabs {
display: none !important;
}
}
/* Hide "Close Multiple Tabs" */
@media -moz-pref("uc.hidecontext.closemultiple") {
#context_closeTabOptions {
display: none !important;
}
}
/* Hide “Search Keywords" with your preferred search engine */
@media (-moz-bool-pref: "uc.hidecontext.search") {
@media -moz-pref("uc.hidecontext.search") {
#context-searchselect {
display: none !important;
}
}
/* Hide “Search Keywords in a Private Window” */
@media (-moz-bool-pref: "uc.hidecontext.searchinpriv") {
@media -moz-pref("uc.hidecontext.searchinpriv") {
#context-searchselect-private {
display: none !important;
}
}
/* Hide Firefox's "Translate Selection/Link" options */
@media (-moz-bool-pref: "uc.hidecontext.translate") {
/* Hide "Translate Selection/Link" options */
@media -moz-pref("uc.hidecontext.translate") {
#context-translate-selection,
#frame-sep {
display: none !important;
}
}
/* Hide "Ask AI chatbot" options */
@media -moz-pref("uc.hidecontext.askchatbot") {
#context-ask-chat {
display: none !important;
}
}
/* Hide "Print Selection” */
@media (-moz-bool-pref: "uc.hidecontext.printselection") {
@media -moz-pref("uc.hidecontext.printselection") {
#context-print-selection {
display: none !important;
}
}
/* Hide “Email Image”, “Set Image as Desktop Background”, and “View Image Info” options */
@media (-moz-bool-pref: "uc.hidecontext.image") {
@media -moz-pref("uc.hidecontext.image") {
#context-sendimage,
#context-sep-setbackground,
#context-setDesktopBackground,
@ -228,8 +251,18 @@
display: none !important;
}
}
/* Hide "Copy Video Link", "Copy Audio Link", "Email Video" and "Email Audio" options */
@media -moz-pref("uc.hidecontext.audiovideo") {
#context-copyvideourl,
#context-copyaudiourl,
#context-sendvideo,
#context-sendaudio,
#context-sep-sharing {
display: none !important;
}
}
/* Hide "Check Spelling" and "Text/Page Direction" option while typing in text fields */
@media (-moz-bool-pref: "uc.hidecontext.checkspelling") {
@media -moz-pref("uc.hidecontext.checkspelling") {
#spell-separator,
#spell-check-enabled,
#spell-add-dictionaries-main,
@ -240,23 +273,38 @@
display: none !important;
}
}
/* Hide "Take Screenshot" option */
@media -moz-pref("uc.hidecontext.screenshot") {
#context-take-screenshot,
#context-sep-screenshots,
#frame-sep {
display: none !important;
}
}
/* Hide "This Frame" option */
@media -moz-pref("uc.hidecontext.frame") {
#frame-sep, #frame {
display: none !important;
}
}
/* Hide “Select All Text” option */
@media (-moz-bool-pref: "uc.hidecontext.selectalltext") {
@media -moz-pref("uc.hidecontext.selectalltext") {
#context-selectall,
#context-sep-selectall {
display: none !important;
}
}
/* Hide “Select All Tabs" option */
@media (-moz-bool-pref: "uc.hidecontext.selectalltabs") {
@media -moz-pref("uc.hidecontext.selectalltabs") {
#context_selectAllTabs,
#context_selectedAllTabs,
#toolbar-context-selectAllTabs {
#toolbar-context-selectAllTabs,
#tabContextMenu > :nth-child(28) {
display: none !important;
}
}
/* Hide “Reload Tab” option */
@media (-moz-bool-pref: "uc.hidecontext.reloadtab") {
@media -moz-pref("uc.hidecontext.reloadtab") {
#context_reloadTab,
#context_reloadSelectedTabs,
#toolbar-context-reloadSelectedTab,
@ -265,20 +313,15 @@
}
}
/* Hide "Duplicate Tab" */
@media (-moz-bool-pref: "uc.hidecontext.duplicatetab") {
@media -moz-pref("uc.hidecontext.duplicatetab") {
#context_duplicateTab,
#context_duplicateTabs {
display: none !important;
}
}
/* Hide “Tab Unloader Actions” */
@media (-moz-bool-pref: "uc.hidecontext.unloadactions") {
#context_zenTabActions {
#context_duplicateTabs,
#tabContextMenu > :nth-child(21) {
display: none !important;
}
}
/* Hide “View Page Source”, "View Selection Source" and “Inspect” options */
@media (-moz-bool-pref: "uc.hidecontext.inspect") {
@media -moz-pref("uc.hidecontext.inspect") {
#context-viewsource,
#context-inspect-a11y,
#context-inspect,
@ -289,22 +332,14 @@
}
}
/* Hide “Save Page As and Save Link As” */
@media (-moz-bool-pref: "uc.hidecontext.savelink") {
@media -moz-pref("uc.hidecontext.savelink") {
#context-savepage,
#context-savelink {
display: none !important;
}
}
/* Hide "Take Screenshot" option */
@media (-moz-bool-pref: "uc.hidecontext.screenshot") {
#context-take-screenshot,
#context-sep-screenshots,
#frame-sep {
display: none !important;
}
}
/* Hide "Pin Tab" and "Add to Essentials" options */
@media (-moz-bool-pref: "uc.hidecontext.pin") {
@media -moz-pref("uc.hidecontext.pin") {
#context_pinTab,
#context_unpinTab,
#context_pinSelectedTabs,
@ -314,9 +349,444 @@
display: none !important;
}
}
/* Hide "This Frame" option */
@media (-moz-bool-pref: "uc.hidecontext.frame") {
#frame-sep, #frame {
/* Hide top buttons (Back, Forward, Reload, Bookmark Page) on page context menu */
@media -moz-pref("uc.hidecontext.navigation") {
#context-navigation, #context-sep-navigation {
display: none !important;
}
}
/* Restore back context menu icons pre-1.12.9b */
/* I'm not guaranteeing there will be icons for future context menu options */
/* Help me contribute on this, hit me up on github.com/KiKaraage/ZenMods/issues */
/* PART 1: Setting inline padding and margin values */
:root {
@media -moz-pref("uc.fixcontext.restoreicons") {
--zen-contextmenu-menuitem-padding-inline: 5px !important;
--zen-contextmenu-menuicon-margin-inline: 3px !important;
--zen-contextmenu-menuitem-margin: 0px 2px !important;
}
}
@media -moz-pref("uc.fixcontext.restoreicons") {
/* PART 2: Adding start inline padding to options,
* For now this also affected items with existing paddings
* Like on toolbar context menu, or on extension options
* Help me fix this, hit me up on github.com/KiKaraage/ZenMods/issues */
.menu-text {
@media (-moz-platform: windows) {
padding-inline-start: 24px !important;
}
}
/* PART 3: Adding icons back to regular context menu options */
:not(:not(menubar) > menu, #ContentSelectDropdown)
> menupopup
> menuitem:not(
.menuitem-iconic,
[type='checkbox'],
[type='radio'],
.in-menulist,
.in-menulist menuitem,
.unified-nav-current
) {
background-image: var(--menu-image) !important;
background-size: 16px !important;
background-position: var(--zen-contextmenu-menuitem-padding-inline) center !important;
background-repeat: no-repeat !important;
-moz-context-properties: fill, fill-opacity !important;
fill: currentColor !important;
}
/* PART 4: Adding icons back to context menu options that has arrow */
:not(:not(menubar) > menu, #ContentSelectDropdown)
> menupopup > menu:not(
.menu-iconic, [type='checkbox'], [type='radio'],
.in-menulist, .in-menulist menu, .unified-nav-current
),
#toggle_toolbar-menubar,
#PanelUI-history toolbarbutton,
#unified-extensions-context-menu menuitem {
background-image: var(--menu-image) !important;
background-size: 16px !important;
background-position: var(--zen-contextmenu-menuitem-padding-inline) center !important;
background-repeat: no-repeat !important;
-moz-context-properties: fill, fill-opacity !important;
fill: currentColor !important;
}
/* PART 5: Normalize left padding for options with checkboxes, like Compact Mode options
* Still not applied to options like 'Tabs on the right' sadly
* Help me fix this, hit me up on github.com/KiKaraage/ZenMods/issues */
@media (-moz-platform: windows) {
@media -moz-pref("uc.fixcontext.restoreicons") {
menupopup > menuitem[checked='true'] {
padding-inline-start: var(--zen-contextmenu-menuicon-margin-inline) !important;
> .menu-text {
padding: 0 !important;
}
}
menupopup > menuitem[checked='false'] {
padding-inline: calc(var(--zen-contextmenu-menuicon-margin-inline) + 0px) !important;
}
}
}
}
/* PART 6: Specifying icons to apply for options in Unified Extensions Menu */
@media not (-moz-platform: linux) {
@media -moz-pref("uc.fixcontext.restoreicons") {
.unified-extensions-context-menu-pin-to-toolbar {
--menu-image: url('chrome://browser/skin/zen-icons/pin.svg');
}
}
.unified-extensions-context-menu-move-widget-down {
--menu-image: url('chrome://browser/skin/zen-icons/arrow-down.svg');
}
.unified-extensions-context-menu-move-widget-up {
--menu-image: url('chrome://browser/skin/zen-icons/arrow-up.svg');
}
}
/* PART 7: Specifying icons to apply for other context menu options */
/* Use icons from Zen icon directory - chrome://browser/skin/zen-icons/ */
/* Use icons from Firefox icon directory - chrome://browser/skin/ */
@media -moz-pref("uc.fixcontext.restoreicons") {
#context_zenSplitTabs {
--menu-image: url('chrome://browser/skin/zen-icons/sidebars-right.svg') !important;
}
#context-zen-change-workspace-tab {
--menu-image: url('chrome://browser/skin/zen-icons/move-tab.svg') !important;
}
#context-zenSplitLink {
--menu-image: url('chrome://browser/skin/zen-icons/split.svg') !important;
}
#context_zenOpenWorkspace,
#context_zenOpenWorkspacePanel {
--menu-image: url('chrome://browser/skin/zen-icons/manage.svg') !important;
}
#context_zenEditWorkspaceIcon {
--menu-image: url('chrome://browser/skin/zen-icons/canvas.svg') !important;
}
.zenToolbarThemePicker,
#zenToolbarThemePicker {
--menu-image: url('chrome://browser/skin/zen-icons/edit-theme.svg') !important;
}
#context-video-pictureinpicture:not([checked='true']) .menu-iconic-icon {
list-style-image: url('chrome://browser/skin/zen-icons/media-pip.svg') !important;
}
#context-media-loop:not([checked='true']) .menu-iconic-icon {
list-style-image: url('chrome://browser/skin/zen-icons/media-loop.svg') !important;
}
#context-savepage {
--menu-image: url('chrome://browser/skin/zen-icons/save.svg');
}
#context-selectall,
.textbox-contextmenu menuitem[cmd*='selectAll'],
#context_selectAllTabs,
#toolbar-context-selectAllTabs {
--menu-image: url('chrome://browser/skin/zen-icons/edit-select-all.svg');
}
#context-undo,
.textbox-contextmenu menuitem[cmd*='undo'],
#context_undoCloseTab,
#toolbar-context-undoCloseTab {
--menu-image: url('chrome://browser/skin/zen-icons/edit-undo.svg');
}
#toggle_toolbar-menubar {
--menu-image: url('chrome://browser/skin/zen-icons/menu-bar.svg');
}
#context-redo,
.textbox-contextmenu menuitem[cmd*='redo'] {
--menu-image: url('chrome://browser/skin/zen-icons/edit-redo.svg');
}
#context-copy,
.textbox-contextmenu menuitem[cmd*='copy'],
.textbox-contextmenu #strip-on-share,
#placesContext_copy {
--menu-image: url('chrome://browser/skin/zen-icons/edit-copy.svg');
}
#context-paste,
.textbox-contextmenu menuitem[cmd*='paste'],
#placesContext_paste_group {
--menu-image: url('chrome://browser/skin/zen-icons/edit-paste.svg');
}
#context-cut,
.textbox-contextmenu menuitem[cmd*='cut'],
#placesContext_cut {
--menu-image: url('chrome://browser/skin/zen-icons/edit-cut.svg');
}
#context-delete,
.customize-context-removeExtension,
.unified-extensions-context-menu-remove-extension,
.textbox-contextmenu menuitem[cmd*='delete'],
menuitem[id='placesContext_deleteBookmark'],
menuitem[id='placesContext_deleteFolder'],
menuitem[id='placesContext_delete'],
menuitem[id='placesContext_delete_history'],
menuitem[id='placesContext_deleteHost'],
#context_zenDeleteWebPanel,
#context_zenDeleteWorkspace {
--menu-image: url('chrome://browser/skin/zen-icons/edit-delete.svg');
}
#paste-and-go {
--menu-image: url('chrome://browser/skin/zen-icons/paste-and-go.svg');
}
#context-print-selection {
--menu-image: url('chrome://browser/skin/zen-icons/print.svg');
}
#context-take-screenshot {
--menu-image: url('chrome://browser/skin/zen-icons/screenshot.svg');
}
#context-viewsource {
--menu-image: url('chrome://browser/skin/zen-icons/source-code.svg');
}
#context-inspect-a11y {
--menu-image: url('chrome://browser/skin/zen-icons/accessibility.svg');
}
#context-inspect {
--menu-image: url('chrome://browser/skin/zen-icons/inspect.svg');
}
#context-searchselect {
--menu-image: url('chrome://browser/skin/zen-icons/search-glass.svg');
}
#context-searchselect-private {
--menu-image: url('chrome://browser/skin/privateBrowsing.svg');
}
#context-viewimage {
--menu-image: url('chrome://browser/skin/zen-icons/image-open.svg');
}
#context-viewimageinfo {
--menu-image: url('chrome://browser/skin/zen-icons/info.svg');
}
#context-saveimage,
#context-video-saveimage {
--menu-image: url('chrome://browser/skin/zen-icons/image-save.svg');
}
#context-savevideo {
--menu-image: url('chrome://browser/skin/zen-icons/video-save.svg');
}
#context-viewvideo {
--menu-image: url('chrome://browser/skin/zen-icons/video-open.svg');
}
#context-saveaudio {
--menu-image: url('chrome://browser/skin/zen-icons/audio-save.svg');
}
#context-copyimage-contents {
--menu-image: url('chrome://browser/skin/zen-icons/image-copy.svg');
}
#context-copyimage,
#context-copyvideourl,
#context-copylink,
#context-stripOnShareLink,
#context_zenOpenNewTabWebPanel,
#context-pdfjs-copy {
--menu-image: url('chrome://browser/skin/zen-icons/link.svg');
}
#context-openlinkincurrent {
--menu-image: url('chrome://browser/skin/zen-icons/ext-link.svg');
}
#context-ask-chat {
--menu-image: url('chrome://browser/skin/trending.svg');
}
#context-translate-selection {
--menu-image: url('chrome://browser/skin/translations.svg');
}
#context-viewsource,
#context-viewframesource,
#context-viewpartialsource-selection {
--menu-image: url('chrome://browser/skin/zen-icons/source-code.svg');
}
#context-sendimage,
#context-sendvideo,
#context-sendaudio {
--menu-image: url('chrome://browser/skin/zen-icons/mail.svg');
}
#context-setDesktopBackground,
.viewCustomizeToolbar {
--menu-image: url('chrome://browser/skin/zen-icons/customize.svg');
}
#context-reloadimage,
#context_reloadTab,
#context_reloadSelectedTabs,
#toolbar-context-reloadSelectedTab,
#toolbar-context-reloadSelectedTabs,
#context_zen-reset-pinned-tab {
--menu-image: url('chrome://browser/skin/zen-icons/reload.svg');
}
#context-sendlinktodevice,
#context_sendTabToDevice,
#context-sendpagetodevice {
--menu-image: url('chrome://browser/skin/zen-icons/send-to-device.svg');
}
#context-openlinkintab,
#context-openlinkincontainertab,
#context_zenWorkspacesOpenInContainerTab,
#context_zenWebPanelContextInContainer,
menuitem[id='placesContext_open:newtab'],
menuitem[id='placesContext_openLinks:tabs'],
menuitem[id='placesContext_openBookmarkLinks:tabs'],
menuitem[id='placesContext_openBookmarkContainer:tabs'] {
--menu-image: url('chrome://browser/skin/zen-icons/tab.svg');
}
#context_openANewTab,
#toolbar-context-openANewTab {
--menu-image: url('chrome://browser/skin/zen-icons/new-tab-image.svg');
}
#context-openlinkinusercontext-menu,
menu[id='placesContext_open:newcontainertab'],
menu[id='placesContext_openContainer:tabs'] {
--menu-image: url('chrome://browser/skin/zen-icons/container-tab.svg');
}
#context-openlink,
menuitem[id='placesContext_open:newwindow'] {
--menu-image: url('chrome://browser/skin/zen-icons/window.svg');
}
#context-openlinkprivate,
menuitem[id='placesContext_open:newprivatewindow'] {
--menu-image: url('chrome://browser/skin/zen-icons/private-window.svg');
}
#context-savelink {
--menu-image: url('chrome://browser/skin/zen-icons/downloads.svg');
}
#spell-add-to-dictionary {
--menu-image: url('chrome://browser/skin/zen-icons/add-to-dictionary.svg');
}
#manage-saved-logins {
--menu-image: url('chrome://browser/skin/zen-icons/passwords.svg');
}
#context-media-play,
#context_playTab,
#context_playSelectedTabs {
--menu-image: url('chrome://browser/skin/zen-icons/media-play.svg');
}
#context-media-pause {
--menu-image: url('chrome://browser/skin/zen-icons/media-pause.svg');
}
#context-media-mute,
#context_toggleMuteTab,
#context_toggleMuteSelectedTabs,
#context_zenToggleMuteWebPanel {
--menu-image: url('chrome://browser/skin/zen-icons/media-mute.svg');
}
#context-media-unmute,
#context_toggleMuteTab[muted],
#context_toggleMuteSelectedTabs[muted],
#context_zenToggleMuteWebPanel[muted] {
--menu-image: url('chrome://browser/skin/zen-icons/media-unmute.svg');
}
#context-media-playbackrate {
--menu-image: url('chrome://browser/skin/zen-icons/media-speed.svg');
}
#context-video-fullscreen {
--menu-image: url('chrome://browser/skin/zen-icons/fullscreen.svg');
}
#context-leave-dom-fullscreen,
menuitem[contexttype='fullscreen'][label*='Exit'] {
--menu-image: url('chrome://browser/skin/zen-icons/fullscreen-exit.svg');
}
#context-media-hidecontrols,
#context-media-showcontrols {
--menu-image: url('chrome://browser/skin/zen-icons/permissions.svg');
}
#context_pinTab,
#context_unpinTab,
#context_pinSelectedTabs,
#context_unpinSelectedTabs,
.customize-context-moveToPanel,
#context_zen-replace-pinned-url-with-current {
--menu-image: url('chrome://browser/skin/zen-icons/pin.svg');
}
#context_zen-add-essential {
--menu-image: url('chrome://browser/skin/zen-icons/essential-add.svg');
}
#context_zen-remove-essential {
--menu-image: url('chrome://browser/skin/zen-icons/essential-remove.svg');
}
.customize-context-removeFromToolbar {
--menu-image: url('chrome://browser/skin/zen-icons/unpin.svg');
}
#zen-sidebar-web-panel-pinned[pinned='true'] {
list-style-image: url('chrome://browser/skin/zen-icons/pin.svg') !important;
}
#zen-sidebar-web-panel-pinned {
list-style-image: url('chrome://browser/skin/zen-icons/unpin.svg') !important;
}
#context_duplicateTab,
#context_duplicateTabs {
--menu-image: url('chrome://browser/skin/zen-icons/duplicate-tab.svg');
}
#zen-context-menu-compact-mode {
--menu-image: url('chrome://browser/skin/zen-icons/sidebar.svg');
}
#context_bookmarkTab,
#context_bookmarkSelectedTabs,
#toggle_PersonalToolbar,
#context-bookmarklink,
#toolbar-context-bookmarkSelectedTab,
#toolbar-context-bookmarkSelectedTabs {
--menu-image: url('chrome://browser/skin/zen-icons/bookmark-hollow.svg');
}
menuitem[id='placesContext_show_bookmark:info'],
menuitem[id='placesContext_show_folder:info'],
menuitem[id='placesContext_show:info'] {
--menu-image: url('chrome://browser/skin/zen-icons/edit.svg');
}
menuitem[id='placesContext_showAllBookmarks'],
#BMB_bookmarksShowAllTop,
#BMB_bookmarksShowAll,
.customize-context-manageExtension,
.unified-extensions-context-menu-manage-extension {
--menu-image: url('chrome://browser/skin/zen-icons/manage.svg');
}
#BMB_viewBookmarksSidebar {
--menu-image: url('chrome://browser/skin/sidebars.svg');
}
#BMB_searchBookmarks {
--menu-image: url('chrome://browser/skin/zen-icons/search-page.svg');
}
menuitem[id='placesContext_new:bookmark'],
menuitem[id='placesContext_new:folder'],
menuitem[id='placesContext_new:separator'],
#context_zenEditWorkspace {
--menu-image: url('chrome://browser/skin/zen-icons/plus.svg');
}
#context-savelinktopocket,
#context-pocket {
--menu-image: url('chrome://browser/skin/zen-icons/pocket-outline.svg');
}
#context_ungroupTab,
#context_moveTabOptions {
--menu-image: url('chrome://browser/skin/zen-icons/move-tab.svg');
}
.share-tab-url-item {
--menu-image: url('chrome://browser/skin/zen-icons/share.svg');
}
#context_moveTabToNewGroup,
#context_moveTabToGroup,
#context_reopenInContainer {
--menu-image: url('chrome://browser/skin/zen-icons/container-tab.svg');
}
#context_closeTab,
#context_closeDuplicateTabs {
--menu-image: url('chrome://browser/skin/zen-icons/close.svg');
}
#context_closeTabOptions {
--menu-image: url('chrome://browser/skin/zen-icons/close-all.svg');
}
#context_unloadTab,
#context_zenTabActions {
--menu-image: url('chrome://browser/skin/zen-icons/close-all.svg');
}
.customize-context-reportExtension,
.unified-extensions-context-menu-report-extension {
--menu-image: url('chrome://browser/skin/zen-icons/report.svg');
}
.wordmark::after {
content: 'Plus' !important;
}
}

View file

@ -1,165 +1,193 @@
[
{
"property": "widget.macos.native-context-menus",
"label": "Enable this mod on macOS (Let Zen override native macOS context menu)",
"label": "‼️ Uncheck to enable this mod in macOS, overriding native context menu. (Check this again ✅ before disabling/removing this mod)",
"type": "checkbox",
"defaultValue": "false",
"disabledOn": [
"windows",
"linux"
]
},
{
"property": "uc.fixcontext.ergonomicsfortabs",
"label": "🔁 Reorder options for tab context menu to improve ergonomics (enabled by default)",
"defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.separators",
"label": "Hide all separators",
"label": "〰️ Hide all separators",
"type": "checkbox"
},
{
"property": "uc.hidecontext.optionicons",
"label": "Hide all icons (won't work for extension and checkbox context menu options)",
"property": "uc.fixcontext.restoreicons",
"label": "🔣 Restore back all icons (buggy, hit me up to suggest fixes on KiKaraage/ZenMods repo)",
"type": "checkbox"
},
{
"property": "uc.fixcontext.applyzencolors",
"label": "Apply Zen workspace colors to all context menu, panels, and confirmation pop-ups",
"property": "uc.hidecontext.icons",
"label": "🔣 Hide all icons in context menu, except checkboxes and radio buttons, to fit current Zen styling",
"type": "checkbox"
},
{
"property": "uc.fixcontext.extensionmargins",
"label": "[Toolbar] Fix margin for 'Tabs on the right' checkbox and extensions-related context menu",
"type": "checkbox",
"disabledOn": [
"macos",
"linux"
]
"property": "uc.fixcontext.applyzengradient",
"label": "🎨 Apply Zen workspace gradient (works best if your OS/DE/WM supports blur)",
"type": "checkbox"
},
{
"property": "uc.fixcontext.applyzenaccent",
"label": "🎨 Apply Zen accent color (the main color on your workspace gradient)",
"type": "checkbox"
},
{
"property": "uc.hidecontext.copylink",
"label": "[Link] Hide regular 'Copy Link' button (Only shown when hovering above 'Copy Clean Link')",
"type": "checkbox"
},
{
"property": "uc.hidecontext.menubar",
"label": "[Toolbar] Hide 'Menu Bar' toggle",
"label": "🔗 Prioritize 'Copy Clean Link' when possible (enabled by default)",
"defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.bookmark",
"label": "[Tab] [Link] Hide 'Bookmark Tab/Link'",
"label": "📑 🔗 Hide 'Bookmark Tab/Tabs/Link' options (enabled by default)",
"defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.mutetab",
"label": "[Tab] Hide 'Mute Tab' option",
"label": "📑 Hide 'Mute Tab' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.newtab",
"label": "[Tab] Hide 'New Tab' option",
"type": "checkbox"
},
{
"property": "uc.hidecontext.addtowebpanel",
"label": "[Link] Hide 'Add to Web Panel' option",
"label": "📑 Hide 'New Tab' & 'New Tab Below' (enabled by default)",
"defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.movetaboptions",
"label": "[Tab] Hide 'Move Tab' options",
"label": "📑 Hide 'Move Tab' options (enabled by default)",
"defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.newcontainer",
"label": "[Tab] [Link] Hide 'Open Tab/Link in New Container Tab'",
"label": "📑 🔗 Hide 'Open Tab/Link in New Container Tab' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.sendtodevice",
"label": "[Tab] [Link] Hide 'Send Tab/Link to Device'",
"label": "📑 🌐 🔗 Hide 'Send Tab/Page/Link to Device' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.closetab",
"label": "[Tab] Hide close tab options (Close Tab, Close Duplicate Tabs, Close Multiple Tabs)",
"label": "📑 Hide 'Close Tab' & 'Close Duplicate Tabs'",
"type": "checkbox"
},
{
"property": "uc.hidecontext.closemultiple",
"label": "📑 Hide 'Close Multiple Tabs' options (enabled by default)",
"defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.askchatbot",
"label": "📑 🌐 🔤 🔗 Hide 'Ask AI chatbot' options if you enabled the feature",
"type": "checkbox"
},
{
"property": "uc.hidecontext.search",
"label": "[Link] Hide 'Search Keywords' on your preferred search engine",
"label": "🔤 🔗 Hide 'Search Web for Selected Text/Link' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.searchinpriv",
"label": "[Text] [Link] Hide 'Search Keywords in a Private Window'",
"label": "🔤 🔗 Hide 'Search in a Private Window' (enabled by default)",
"defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.translate",
"label": "[Text] [Link] Hide Firefox's 'Translate Selection/Link' options",
"label": "🔤 🔗 Hide 'Translate Selection/Link Text' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.printselection",
"label": "[Text] Hide 'Print Selection'",
"label": "🔤 Hide 'Print Selection' (enabled by default)",
"defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.image",
"label": "[Image] Hide 'Email Image', 'Set Image as Desktop Background', and 'View Image Info' options",
"label": "🖼️ Hide 'Email Image', 'Set Image as Desktop Background', & 'View Image Info' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.audiovideo",
"label": "🎵 📺 Hide 'Copy Video Link', 'Copy Audio Link', 'Email Video' and 'Email Audio' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.checkspelling",
"label": "[Text] Hide 'Check Spelling' and 'Change Text/Page Direction' options while typing in text fields",
"label": "⌨️ Hide 'Check Spelling' and 'Change Text/Page Direction' options while typing in text fields",
"type": "checkbox"
},
{
"property": "uc.hidecontext.selectalltext",
"label": "[Page] [Text] Hide 'Select All Text' option",
"label": "🌐 🔤 Hide 'Select All Text' option (enabled by default)",
"defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.selectalltabs",
"label": "[Tab] Hide 'Select All Tabs' option",
"label": "📑 Hide 'Select All Tabs' (enabled by default)",
"defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.reloadtab",
"label": "[Tab] Hide 'Reload Tab' option",
"label": "📑 Hide 'Reload Tab' (enabled by default)",
"defaultValue": "true",
"type": "checkbox"
},
{
"property": "uc.hidecontext.duplicatetab",
"label": "[Tab] Hide 'Duplicate Tab' option",
"label": "📑 Hide 'Duplicate Tab'",
"type": "checkbox"
},
{
"property": "uc.hidecontext.unloadactions",
"label": "[Tab] Hide 'Tab Unloader Actions'",
"label": "📑 Hide 'Unload Tabs'",
"type": "checkbox"
},
{
"property": "uc.hidecontext.inspect",
"label": "[Text] [Page] Hide 'View Page Source' and 'Inspect' options",
"label": "🌐 🔤 Hide 'View Page Source' & 'Inspect' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.savelink",
"label": "[Page] [Link] Hide 'Save Page As' and 'Save Link As' option",
"label": "🌐 🔗 Hide 'Save Page/Link As' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.screenshot",
"label": "[Page] Hide 'Take Screenshot' option",
"type": "checkbox"
},
{
"property": "uc.hidecontext.pin",
"label": "[Page] Hide 'Pin Tab' and 'Add to Essentials' option",
"label": "🌐 Hide 'Take Screenshot'",
"type": "checkbox"
},
{
"property": "uc.hidecontext.frame",
"label": "[Image] Hide 'This Frame' options",
"label": "🖼️ 📺 Hide 'This Frame' option",
"type": "checkbox"
},
{
"property": "uc.hidecontext.pin",
"label": "📑 Hide 'Pin Tab' & 'Add to Essentials' options",
"type": "checkbox"
},
{
"property": "uc.hidecontext.navigation",
"label": "🌐 Hide 'Back', 'Forward', 'Reload' & 'Bookmark Page' options",
"type": "checkbox"
}
]
]

View file

@ -7,11 +7,11 @@
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/image.png",
"author": "KiKaraage",
"version": "2.0",
"version": "3.0",
"preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/81fcd6b3-f014-4796-988f-6c3cb3874db8/preferences.json",
"tags": [
"context menu"
],
"createdAt": "2024-10-06",
"updatedAt": "2025-02-09"
"updatedAt": "2025-06-11"
}

View file

@ -13,5 +13,5 @@
"tabs"
],
"createdAt": "2024-08-28",
"updatedAt": "2025-06-06"
"updatedAt": "2025-06-11"
}