Submit Zen Context Menu v3 CSS

Refer to 2025-june branch on KiKaraage/Zen-Mods-Store for informations about the commits
This commit is contained in:
KiKaraage 2025-06-11 12:52:21 +07:00 committed by GitHub
parent 7d586c8618
commit 62be0abc18
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

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;
}
}