/* 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-pref("uc.hidecontext.separators") {
  menuseparator::before {
    border-top: none !important;
  }
  menuseparator {
    padding-block: 0px !important;
  }
}
/* 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'],
      .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
    ),
  :not(:not(menubar) > menu, #ContentSelectDropdown) > menupopup > menucaption {
    padding-inline: 6px !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;
    }
  }
  .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;
      }
    }
  }
  menupopup[needsgutter] {
    @media (-moz-platform: windows) {
      & > menu:not([icon], .menu-iconic), & > menuitem:not([checked="true"], [icon], .menuitem-iconic) {
        padding-inline-start: 12px !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;
  }
  /* 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;
  }
}
/* 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-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-pref("uc.hidecontext.mutetab") {
  #context_toggleMuteTab,
  #context_toggleMuteSelectedTabs,
  #context_playTab,
  #context_playSelectedTabs {
    display: none !important;
  }
}
/* Hide "New Tab" options */
@media -moz-pref("uc.hidecontext.newtab") {
  #context_openANewTab,
  #toolbar-context-openANewTab,
  #toolbarNavigatorItemsMenuSeparator {
    display: none !important;
  }
}

/* Hide "Move Tab" options */
@media -moz-pref("uc.hidecontext.movetaboptions") {
  #context_moveTabOptions {
    display: none !important;
  }
}
/* Hide “Open Tab/Link in New Container Tab” */
@media -moz-pref("uc.hidecontext.newcontainer") {
  #context_reopenInContainer,
  #context-openlinkinusercontext-menu {
    display: none !important;
  }
}
/* Hide “Send Tab/Link to Device” */
@media -moz-pref("uc.hidecontext.sendtodevice") {
  #context_sendTabToDevice,
  #context-sendpagetodevice,
  #context-sendlinktodevice,
  #context-sep-sendlinktodevice {
    display: none !important;
  }
}
/* Hide "Close Tabs" & "Close Duplicate Tabs"*/
@media -moz-pref("uc.hidecontext.closetab") {
  #context_closeTab,
  #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-pref("uc.hidecontext.search") {
  #context-searchselect {
    display: none !important;
  }
}
/* Hide “Search Keywords in a Private Window” */
@media -moz-pref("uc.hidecontext.searchinpriv") {
  #context-searchselect-private {
    display: none !important;
  }
}
/* 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-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-pref("uc.hidecontext.image") {
  #context-sendimage,
  #context-sep-setbackground,
  #context-setDesktopBackground,
  #context-sep-sharing,
  #context-viewimageinfo {
    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-pref("uc.hidecontext.checkspelling") {
  #spell-separator,
  #spell-check-enabled,
  #spell-add-dictionaries-main,
  #spell-dictionaries,
  #context-sep-bidi,
  #context-bidi-text-direction-toggle,
  #context-bidi-page-direction-toggle {
    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-pref("uc.hidecontext.selectalltext") {
  #context-selectall,
  #context-sep-selectall {
    display: none !important;
  }
}
/* Hide “Select All Tabs" option */
@media -moz-pref("uc.hidecontext.selectalltabs") {
  #context_selectAllTabs,
  #context_selectedAllTabs,
  #toolbar-context-selectAllTabs,
  #tabContextMenu > :nth-child(28) {
    display: none !important;
  }
}
/* Hide “Reload Tab” option */
@media -moz-pref("uc.hidecontext.reloadtab") {
  #context_reloadTab,
  #context_reloadSelectedTabs,
  #toolbar-context-reloadSelectedTab,
  #toolbar-context-reloadSelectedTabs {
    display: none !important;
  }
}
/* Hide "Duplicate Tab" */
@media -moz-pref("uc.hidecontext.duplicatetab") {
  #context_duplicateTab,
  #context_duplicateTabs,
  #tabContextMenu > :nth-child(21) {
    display: none !important;
  }
}
/* Hide “View Page Source”, "View Selection Source" and “Inspect” options */
@media -moz-pref("uc.hidecontext.inspect") {
  #context-viewsource,
  #context-inspect-a11y,
  #context-inspect,
  #inspect-separator,
  #context-media-eme-separator,
  #context-viewpartialsource-selection {
    display: none !important;
  }
}
/* Hide “Save Page As and Save Link As” */
@media -moz-pref("uc.hidecontext.savelink") {
  #context-savepage,
  #context-savelink {
    display: none !important;
  }
}
/* Hide "Pin Tab" and "Add to Essentials" options */
@media -moz-pref("uc.hidecontext.pin") {
  #context_pinTab,
  #context_unpinTab,
  #context_pinSelectedTabs,
  #context_unpinSelectedTabs,
  #context_zen-add-essential,
  #context_zen-remove-essential {
    display: none !important;
  }
}
/* 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;
  }
}