uc-extensions.css

/* This Source Code Form is subject to the terms of the Creative Commons
 * Attribution-NonCommercial-ShareAlike International License, v. 4.0.
 * If a copy of the CC BY-NC-SA 4.0 was not distributed with this
 * file, You can obtain one at http://creativecommons.org/licenses/by-nc-sa/4.0/
 * or send a letter to Creative Commons, PO Box 1866, Mountain View, CA 94042, USA. */

/* this stylesheet mainly changes icons for specific extensions or websites
in order to make them look more consistent with the firefox UI
and/or fit better on a dark theme, e.g. white on a dark background.
however, this shouldn't disrupt a light theme either,
it just replaces PNG or explicitly-colored icons with SVGs
that respond to CSS' "fill" and "stroke" properties.
individual extensions' popups and other content documents are styled in userContent.css. */

/* extension icon appearance */

/* tree-style-tabs */
.webextension-browser-action[data-extensionid="treestyletab@piro.sakura.ne.jp"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/tree-style-tabs-32.svg) !important;
}

.eom-addon-button[data-extensionid="treestyletab@piro.sakura.ne.jp"i] .toolbarbutton-icon,
menupopup#viewSidebarMenu menuitem.menuitem-iconic.webextension-menuitem#menubar_menu_treestyletab_piro_sakura_ne_jp-sidebar-action[style]:not([checked="true"]) {
  list-style-image: url(chrome://userchrome/content/material/tree-style-tabs.svg) !important;
}

#sidebarMenu-popup > menuitem#sidebarswitcher_menu_treestyletab_piro_sakura_ne_jp-sidebar-action:is([type="checkbox"], [type="radio"]):not([checked="true"])::before {
  background-image: url(chrome://userchrome/content/material/tree-style-tabs.svg);
}

/* SVG gobbler */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="{7962ff4a-5985-4cf2-9777-4bb642ad05b8}"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/svg-gobbler.svg) !important;
}

/* return youtube dislikes */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="{762f9885-5a13-4abd-9c77-433dcd38b8fd}"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/dislike.svg) !important;
  transform: scaleX(-1);
}

/* mendeley web importer */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="webapps@mendeley.com"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/mendeley.svg) !important;
}

/* multi-account containers */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="@testpilot-containers"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/skin/container-base.svg);
}

:is(.pageAction-panel-button, .urlbar-page-action)[actionid="_testpilot-containers"] {
  --pageAction-image: url(chrome://userchrome/content/skin/container-go.svg) !important;
}

/* Want My RSS */
:is(.pageAction-panel-button, .urlbar-page-action)[actionid="_4d567245-e70d-466a-bb2f-390fc7fb25c2_"i] {
  --pageAction-image: url(chrome://userchrome/content/material/rss.svg) !important;
}

:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="{4d567245-e70d-466a-bb2f-390fc7fb25c2}"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/rss.svg);
}

/* sort bookmarks */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="sort-bookmarks@heftig"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/skin/sort.svg);
}

/* zotero, an extension for storing articles and auto generating academic citations, etc. */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="zotero@chnm.gmu.edu"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/zotero.svg) !important;
}

/* WebNowPlaying Companion. works for the original or for my fork. */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="{64b2c525-24ed-4c05-aed1-95ff9e6cef70}"i] .toolbarbutton-icon,
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="wnpc@aminomancer"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/rainmeter.svg);
}

/* Add custom search engine, an extension for creating new search engines with custom parameters */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="{af37054b-3ace-46a2-ac59-709e4412bec6}"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/search-glass.svg);
}

.eom-addon-button[data-extensionid="amazondotcom@aminomancer"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/engines/amazon.svg);
}

.eom-addon-button[data-extensionid="firefoxadd-ons@aminomancer"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/engines/firefoxadd-ons.svg);
}

.eom-addon-button[data-extensionid="searchfox@aminomancer"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/engines/searchfox.svg);
}

/* mozlz4-edit, an extension for editing mozlz4 files like your profile's search.json.mozlz4 file that contains all your search engines */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="{0981817c-71b3-4853-a801-481c90af2e8e}"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/devtools/tool-dom.svg);
}

/* nordVPN browser extension */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="nordvpnproxy@nordvpn.com"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/nord.svg) !important;
}

/* nordVPN while it's active */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="nordvpnproxy@nordvpn.com"i][badge]:not([badge=" X "]) {
  fill: var(--toolbarbutton-icon-fill-attention) !important;
}

/* nordVPN while there are connection issues */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="nordvpnproxy@nordvpn.com"i][badge=" X "] {
  fill-opacity: var(--toolbarbutton-disabled-opacity) !important;
}

#contentAreaContextMenu #nordvpnproxy_nordvpn_com-menuitem-_nordvpn_extension_context_menu_group::before {
  width: 16px;
  height: 16px;
  margin-inline: var(--context-iconic-margin);
  fill: currentColor;
  -moz-context-properties: fill, fill-opacity, stroke;
  content: "";
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(chrome://userchrome/content/material/nord.svg);
}

#contentAreaContextMenu #nordvpnproxy_nordvpn_com-menuitem-_nordvpn_extension_context_menu_group > .menu-icon {
  display: none !important;
}

menupopup:not(#contentAreaContextMenu) > #nordvpnproxy_nordvpn_com-menuitem-_nordvpn_extension_context_menu_group:not(.menuitem-iconic, .menu-iconic)::before {
  background-image: url(chrome://userchrome/content/material/nord.svg);
}

#contentAreaContextMenu #_7962ff4a-5985-4cf2-9777-4bb642ad05b8_-menuitem-_svg-gobbler::before {
  width: 16px;
  height: 16px;
  margin-inline: var(--context-iconic-margin);
  fill: currentColor;
  -moz-context-properties: fill, fill-opacity, stroke;
  content: "";
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(chrome://userchrome/content/material/svg-gobbler.svg);
}

#contentAreaContextMenu #_7962ff4a-5985-4cf2-9777-4bb642ad05b8_-menuitem-_svg-gobbler .menu-icon {
  display: none !important;
}

menupopup:not(#contentAreaContextMenu) > #_7962ff4a-5985-4cf2-9777-4bb642ad05b8_-menuitem-_svg-gobbler:not(.menuitem-iconic, .menu-iconic)::before {
  background-image: url(chrome://userchrome/content/material/svg-gobbler.svg);
}

/* cookie remover */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="{3507f56d-2ef5-45c1-b6d7-5297a0ba7642}"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/skin/controlcenter/3rdpartycookies-disabled.svg);
}

/* i don't care about cookies */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="jid1-KKzOGWgsW3Ao4Q@jetpack"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/skin/controlcenter/3rdpartycookies.svg);
}

/* Tab Stash */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="tab-stash@condordes.net"i] .toolbarbutton-icon,
#sidebar-box[sidebarcommand="tab-stash_condordes_net-sidebar-action"] #sidebar-switcher-target > #sidebar-icon,
menupopup#viewSidebarMenu menuitem.menuitem-iconic.webextension-menuitem#menubar_menu_tab-stash_condordes_net-sidebar-action[style]:not([checked="true"]) {
  list-style-image: url(chrome://userchrome/content/material/tabstash-logo.svg) !important;
}

#sidebarMenu-popup > menuitem#sidebarswitcher_menu_tab-stash_condordes_net-sidebar-action:is([type="checkbox"], [type="radio"]):not([checked="true"])::before {
  background-image: url(chrome://userchrome/content/material/tabstash-logo.svg);
}

#pageAction-urlbar-tab-stash_condordes_net {
  list-style-image: url(chrome://userchrome/content/material/tabstash-one.svg) !important;
}

:is(.customization-target, .widget-overflow-list) .webextension-browser-action[data-extensionid="jid1-KKzOGWgsW3Ao4Q@jetpack"i] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
  background-color: transparent !important;
  background-size: 12px !important;
  width: 12px !important;
  height: 12px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  box-shadow: none !important;
  color: transparent !important;
}

.webextension-browser-action[data-extensionid="jid1-KKzOGWgsW3Ao4Q@jetpack"i][badge="⛔"] .toolbarbutton-badge {
  background-image: url(chrome://userchrome/content/error.svg) !important;
  fill: var(--warning-color) !important;
}

.webextension-browser-action[data-extensionid="jid1-KKzOGWgsW3Ao4Q@jetpack"i][badge="✅"] .toolbarbutton-badge {
  background-image: url(chrome://userchrome/content/material/verified.svg) !important;
  fill: var(--update-badge-bg) !important;
}

/* private bookmarks */
:where(.webextension-browser-action, .eom-addon-button)[data-extensionid="private-bookmarks@rharel"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/skin/secure-bookmark-hollow.svg) !important;
}

.webextension-browser-action[data-extensionid="private-bookmarks@rharel"i][style*="unlocked-bookmarks.svg"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/skin/secure-bookmark.svg) !important;
}

:is(.customization-target, .widget-overflow-list) .webextension-browser-action[data-extensionid="private-bookmarks@rharel"i] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
  background-color: transparent !important;
  background-size: 12px !important;
  width: 12px !important;
  height: 12px !important;
  margin: -8px -7px 0 -7px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  box-shadow: none !important;
  color: transparent !important;
}

.webextension-browser-action[data-extensionid="private-bookmarks@rharel"i][badge="⌛"] .toolbarbutton-badge {
  background-image: url(chrome://userchrome/content/loading-spinner.svg) !important;
  opacity: 0.75 !important;
  fill: var(--busy-throbber-fill) !important;
}

.urlbar-addon-page-action[actionid="private-bookmarks_rharel"] {
  list-style-image: url(chrome://userchrome/content/skin/secure-bookmark-hollow.svg) !important;
}

/* pushbullet, an extension for controlling, sharing stuff with, and receiving notifications from your phone */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="jid1-BYcQOfYfmBMd9A@jetpack"i],
menupopup#viewSidebarMenu menuitem.menuitem-iconic.webextension-menuitem#menubar_menu__6540f1c5-ab3d-4eff-9ad2-79a95aec93d5_-sidebar-action[style]:not([checked="true"]) {
  list-style-image: url(chrome://userchrome/content/material/pushbullet-solid.svg) !important;
}

#sidebarMenu-popup > menuitem#sidebarswitcher_menu__6540f1c5-ab3d-4eff-9ad2-79a95aec93d5_-sidebar-action:is([type="checkbox"], [type="radio"]):not([checked="true"])::before {
  background-image: url(chrome://userchrome/content/material/pushbullet-solid.svg);
}

:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="{6540f1c5-ab3d-4eff-9ad2-79a95aec93d5}"],
#sidebar-box[sidebarcommand="_6540f1c5-ab3d-4eff-9ad2-79a95aec93d5_-sidebar-action"] #sidebar-switcher-target > #sidebar-icon {
  list-style-image: url(chrome://userchrome/content/material/pushbullet-hollow.svg) !important;
}

/* bitwarden, the password manager */
#sidebar-box[sidebarcommand="_446900e4-71c2-419f-a6a7-df9c091e268b_-sidebar-action"] #sidebar-switcher-target > #sidebar-icon,
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="{446900e4-71c2-419f-a6a7-df9c091e268b}"] .toolbarbutton-icon,
menupopup#viewSidebarMenu menuitem.menuitem-iconic.webextension-menuitem#menubar_menu__446900e4-71c2-419f-a6a7-df9c091e268b_-sidebar-action[style]:not([checked="true"]) {
  list-style-image: url(chrome://userchrome/content/material/bitwarden.svg) !important;
}

#sidebarMenu-popup > menuitem#sidebarswitcher_menu__446900e4-71c2-419f-a6a7-df9c091e268b_-sidebar-action:is([type="checkbox"], [type="radio"]):not([checked="true"])::before {
  background-image: url(chrome://userchrome/content/material/bitwarden.svg);
}

/* simple translate and "to google translate" */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="jid1-93WyvpgvxzGATw@jetpack"i] .toolbarbutton-icon,
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="simple-translate@sienori"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/translate.svg);
}

/* dark reader */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="addon@darkreader.org"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/darkmode.svg);
}

/* dark reader's popup, corresponds to colors set in userContent.css */
#customizationui-widget-panel[viewId="PanelUI-webext-addon_darkreader_org-BAV"] {
  --arrowpanel-background: var(--tooltip-bgcolor) !important;
  --arrowpanel-border-color: var(--uc-menu-border-color) !important;
}

/* devtools inspector sidebar */
.eom-addon-button[data-extensionid="{50b26d0f-7926-482d-8ef8-cc760ea4d4f0}"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/devtools/tool-inspector.svg);
}

/* Don't touch my tabs! (rel=noopener) */
.eom-addon-button[data-extensionid="{6b938c0c-fc53-4f27-805f-619778631082}"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/skin/link.svg);
}

/* uBlock origin */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="uBlock0@raymondhill.net"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/show-password.svg);
}

/* uBlock origin disabled on this site */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="uBlock0@raymondhill.net"i][style*="icon_16-off.png"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/hide-password.svg);
}

/* multithreaded download manager, an extension for downloading files more quickly or with fewer restrictions */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="multithreaded-download-manager@qw.linux-2g64.local"i] .toolbarbutton-icon,
menupopup#viewSidebarMenu menuitem.menuitem-iconic.webextension-menuitem#menubar_menu_multithreaded-download-manager_qw_linux-2g64_local-sidebar-action[style]:not([checked="true"]) .menu-icon {
  list-style-image: url(chrome://userchrome/content/downloads/double-download.svg);
}

#sidebarMenu-popup > menuitem#sidebarswitcher_menu_multithreaded-download-manager_qw_linux-2g64_local-sidebar-action:is([type="checkbox"], [type="radio"]):not([checked="true"])::before {
  background-image: url(chrome://userchrome/content/downloads/double-download.svg);
}

/* firefox private network beta. not available anymore to my knowledge. replaced
by firefox VPN which is a paid service. this won't work for that, different
extensions. I was a beta tester and they never shut the beta off for some reason
so this still works for me. */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="secure-proxy@mozilla.com"i] {
  list-style-image: url(chrome://userchrome/content/skin/vpn-off-dark.svg) !important;
}

/* firefox private network enabled */
.webextension-browser-action[data-extensionid="secure-proxy@mozilla.com"i][label="Firefox Private Network is On"] {
  list-style-image: var(--vpn-on-icon) !important;
}

/* firefox private network inactive/error */
.webextension-browser-action[data-extensionid="secure-proxy@mozilla.com"i][label="Firefox Private Network is inactive"] {
  fill: var(--warning-color) !important;
}

/* violentmonkey, for injecting scripts into content windows */
:is(.webextension-browser-action, .eom-addon-button)[label^="Violentmonkey"] .toolbarbutton-icon,
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="{aecec67f-0d10-4fa7-b7c7-609a2db280cf}"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/devtools/tool-webconsole.svg);
}

.tabbrowser-tab[label$="Violentmonkey"] .tab-icon-image {
  content: url(chrome://userchrome/content/devtools/tool-webconsole.svg) !important;
  fill: currentColor !important;
}

/* stylus, for injecting inline CSS into content windows. more useful than
userContent.css when dealing with very complex websites that need
elaborate/compiled stylesheets */
:is(.webextension-browser-action, .eom-addon-button)[label="Stylus"] .toolbarbutton-icon,
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="{7a7a4a92-a2a0-41d1-9fd7-1e92480d612d}"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/stylus.svg);
}

/* Notes by Firefox */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="notes@mozilla.com"i],
#sidebar-box[sidebarcommand="notes_mozilla_com-sidebar-action"] #sidebar-switcher-target > #sidebar-icon,
menupopup#viewSidebarMenu menuitem.menuitem-iconic.webextension-menuitem#menubar_menu_notes_mozilla_com-sidebar-action[style]:not([checked="true"]) .menu-icon {
  list-style-image: url(chrome://userchrome/content/material/notepad-large.svg) !important;
}

#sidebarMenu-popup > menuitem#sidebarswitcher_menu_notes_mozilla_com-sidebar-action:is([type="checkbox"], [type="radio"]):not([checked="true"])::before {
  background-image: url(chrome://userchrome/content/material/notepad-large.svg);
}

:is(.menu-iconic, .menuitem-iconic)#notes_mozilla_com-menuitem-_send-to-notes::before {
  width: 16px;
  height: 16px;
  margin-inline: var(--context-iconic-margin);
  fill: currentColor;
  -moz-context-properties: fill, fill-opacity, stroke;
  content: "";
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(chrome://userchrome/content/material/notepad-large.svg);
}

:is(.menu-iconic, .menuitem-iconic)#notes_mozilla_com-menuitem-_send-to-notes .menu-icon {
  display: none;
}

/* Firefox Relay */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="private-relay@firefox.com"i] {
  list-style-image: url(chrome://userchrome/content/material/firefox-relay.svg) !important;
}

:is(.menu-iconic, .menuitem-iconic)[id^="private-relay_firefox_com-menuitem-"]::before {
  width: 16px;
  height: 16px;
  margin-inline: var(--context-iconic-margin);
  fill: currentColor;
  -moz-context-properties: fill, fill-opacity, stroke;
  content: "";
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(chrome://userchrome/content/material/firefox-relay.svg);
}

:is(.menu-iconic, .menuitem-iconic)[id^="private-relay_firefox_com-menuitem-"] .menu-icon {
  display: none;
}

/* hide the ad for premium */
#private-relay_firefox_com-menuitem-_fx-private-relay-get-unlimited-aliases,
#private-relay_firefox_com-menuitem-_fx-private-relay-get-unlimited-aliases-separator,
#private-relay_firefox_com-menuitem-_fx-private-relay-get-unlimited-aliases:first-child + menuseparator {
  display: none;
}

/* remote-settings-devtools */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="remote-settings-devtools@mozilla.com"i] {
  list-style-image: url(chrome://userchrome/content/material/kinto.svg) !important;
}

/* Tab Stash menuitem icon */
:is(.menu-iconic, .menuitem-iconic)[id^="tab-stash_condordes_net-menuitem-"][image]::before {
  width: 16px;
  height: 16px;
  margin-inline: var(--context-iconic-margin);
  fill: currentColor;
  -moz-context-properties: fill, fill-opacity, stroke;
  content: "";
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(chrome://userchrome/content/material/tabstash-logo.svg);
}

:is(.menu-iconic, .menuitem-iconic)[id^="tab-stash_condordes_net-menuitem-"][image] .menu-icon {
  display: none;
}

/* GitZip */
:is(.menu-iconic, .menuitem-iconic)[id^="gitzip-firefox-addons_gitzip_org-menuitem-"]::before {
  width: 16px;
  height: 16px;
  margin-inline: var(--context-iconic-margin);
  fill: currentColor;
  -moz-context-properties: fill, fill-opacity, stroke;
  content: "";
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(chrome://userchrome/content/material/zipper.svg);
}

:is(.menu-iconic, .menuitem-iconic)[id^="gitzip-firefox-addons_gitzip_org-menuitem-"] .menu-icon {
  display: none;
}

.eom-addon-button[data-extensionid="gitzip-firefox-addons@gitzip.org"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/zipper.svg);
}

#pageAction-urlbar-gitzip-firefox-addons_gitzip_org {
  list-style-image: url(chrome://userchrome/content/material/zipper.svg) !important;
}

/* invert some icons in the extension options panel */
.eom-addon-button[data-extensionid="FirefoxColor@mozilla.com"] .toolbarbutton-icon,
.eom-addon-button[data-extensionid="default-bookmark-folder@gustiaux.com"] .toolbarbutton-icon,
.eom-addon-button[data-extensionid="{30399a05-ba09-4c3c-b828-dbc9bb3ab8b9}"] .toolbarbutton-icon {
  filter: grayscale(1) invert(1) brightness(3) !important;
}

.eom-addon-button[data-extensionid="{3e0e2f7e-1dde-4fee-ab96-031faa42ec52}"i] .toolbarbutton-icon,
.eom-addon-button[data-extensionid="{33d43318-bde8-4b88-9658-4b89629dbc4e}"i] .toolbarbutton-icon,
.eom-addon-button[data-extensionid="bookmark-menu-container@robwu.nl"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/extension.svg);
}

/* sidebery */
.eom-addon-button[data-extensionid="{3c078156-979c-498b-8990-85f7987dd929}"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/sidebery.svg);
}

#sidebarMenu-popup > menuitem#sidebarswitcher_menu__3c078156-979c-498b-8990-85f7987dd929_-sidebar-action:is([type="checkbox"], [type="radio"]):not([checked="true"])::before {
  background-image: url(chrome://userchrome/content/material/sidebery.svg);
}

/* my youtube search engine addon */
.eom-addon-button[data-extensionid="youtube@aminomancer"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/engines/youtube.svg);
}

.eom-addon-button[data-extensionid="bugzilla@aminomancer"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/engines/bugzilla.svg);
}

.eom-addon-button[data-extensionid="libgen@aminomancer"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/engines/librarygenesis.svg);
}

.eom-addon-button[data-extensionid="mdnwebdocs@aminomancer"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/engines/mdnwebdocs.svg);
}

.eom-addon-button[data-extensionid="move_tabs_hotkeys@jmmerz.github"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/keyboard-command.svg);
}

/* sponsorblock */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="sponsorBlocker@ajay.app"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/sponsorblock.svg);
}

/* hide files on github */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="hide-files-on-github@sindresorhus.com"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/hide-files-on-github.svg);
}

/* bypass paywalls */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="bypasspaywalls@bypasspaywalls"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/bypass-paywalls.svg);
}

/* react devtools */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="@react-devtools"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/devtools/sources/react.svg);
}

/* angular devtools. a chrome mod you can install in firefox with minor mods */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="angular-devtools@aminomancer"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/devtools/sources/angular.svg);
}

/* angular state inspector */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="{8c161eb2-86b5-49e8-8e49-c789821be12e}"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/devtools/sources/angular-state.svg);
}

/* bing to google */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="bingtogoogle@louisgrasset.fr"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/engines/bing-to-google.svg);
}

/* reddit enhancement suite */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="jid1-xUfzOsOFlzSOXg@jetpack"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/filter-css.svg);
}

/* view image - reimplements the view image button on google */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="{287dcf75-bec6-4eec-b4f6-71948a2eea29}"] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/google-view-image.svg);
}

/* Zoom Scheduler */
:is(.webextension-browser-action, .eom-addon-button)[data-extensionid="{bf855ead-d7c3-4c7b-9f88-9a7e75c0efdf}"i] {
  list-style-image: url(chrome://userchrome/content/material/zoom.svg) !important;
}

/* context menu stuff */

/* make multithreaded download manager context menu item's English label smaller.
do nothing for other languages since idk if the item is too long in other languages. */
#multithreaded-download-manager_qw_linux-2g64_local-menuitem-_link-context-menu[label="Download with Multithreaded Download Manager"] {
  > .menu-text {
    display: none;
  }

  > .menu-accel {
    margin-inline-start: 0 !important;
    color: inherit !important;

    &::before {
      content: "Download (Multithreaded)";
      display: flex;
    }
  }
}

/* sort bookmarks menu icon */
:is(.menu-iconic, .menuitem-iconic)[id^="sort-bookmarks_heftig-menuitem"]::before {
  width: 16px;
  height: 16px;
  margin-inline: var(--context-iconic-margin);
  fill: currentColor;
  -moz-context-properties: fill, fill-opacity, stroke;
  content: "";
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(chrome://userchrome/content/skin/sort.svg);
}

/* simple translate context menu icon */
:is(.menu-iconic, .menuitem-iconic):is([label="To Google Translate"], [label^="Translate this page"], [label="Translate selected link"], [label="Translate selected text"], [label="Simple Translate"])::before {
  width: 16px;
  height: 16px;
  margin-inline: var(--context-iconic-margin);
  fill: currentColor;
  -moz-context-properties: fill, fill-opacity, stroke;
  content: "";
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(chrome://userchrome/content/material/translate-small.svg);
}

:is(.menu-iconic, .menuitem-iconic):is([label="To Google Translate"], [label^="Translate this page"], [label="Translate selected link"], [label="Translate selected text"], [label="Simple Translate"]) .menu-icon {
  display: none;
}

:is(#simple-translate_sienori-menuitem-_translatePage, #simple-translate_sienori-menuitem-_translatePageOnTab):not(.menuitem-iconic, .menu-iconic)::before {
  background-image: url(chrome://userchrome/content/material/translate-small.svg);
}

#simple-translate_sienori-menuitem-_translateLink:not(.menuitem-iconic, .menu-iconic)::before {
  background-image: url(chrome://userchrome/content/skin/link.svg);
}

#simple-translate_sienori-menuitem-_translateText:not(.menuitem-iconic, .menu-iconic)::before {
  background-image: url(chrome://userchrome/content/skin/case-sensitive.svg);
}

/* hide simple translate menu item in sidebars (e.g. TST, sidebery) */
@-moz-document regexp("chrome://browser/content/webext-panels.xhtml") {
  :is(menu, menuitem):is([label="To Google Translate"], [label^="Translate this page"], [label="Translate selected link"], [label="Translate selected text"], [label="Simple Translate"]) {
    display: none;
  }
}

/* hide translate this page menuitem when right-clicking text input */
#contentAreaContextMenu #context-cut:not([hidden]) ~ :is(.menu-iconic, .menuitem-iconic):is([label^="Translate this page"], [label="Simple Translate"]) {
  display: none;
}

/* pushbullet context menu icon */
#contentAreaContextMenu :is(.menu-iconic, .menuitem-iconic)[label="Pushbullet"]::before {
  width: 16px;
  height: 16px;
  margin-inline: var(--context-iconic-margin);
  fill: currentColor;
  -moz-context-properties: fill, fill-opacity, stroke;
  content: "";
  display: flex
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(chrome://userchrome/content/material/pushbullet-solid.svg);
}

#contentAreaContextMenu :is(.menu-iconic, .menuitem-iconic)[label="Pushbullet"] .menu-icon {
  display: none;
}

#toolbar-context-menu :is(menu, menuitem)[id^="jid1-bycqofyfmbmd9a_jetpack-menuitem"]:not(.menuitem-iconic, .menu-iconic)::before {
  background-image: url(chrome://userchrome/content/material/pushbullet-solid.svg);
}

/* hide pushbullet when right-clicking dead area, e.g. the page background.
pushbullet kinda overstays its welcome, you can just use the toolbar button to
send the current page, there's no need for a context menu item except when
right-clicking something particular *on* the page. */
#contentAreaContextMenu #context-navigation:not([hidden]) ~ :is(.menu-iconic, .menuitem-iconic)[label="Pushbullet"] {
  display: none;
}

/* multi-account containers menu icon */
#contentAreaContextMenu :is(.menu-iconic, .menuitem-iconic)[label="Firefox Multi-Account Containers"]::before,
#_testpilot-containers-menuitem-_open-bookmark-in-container-tab::before {
  width: 16px;
  height: 16px;
  margin-inline: var(--context-iconic-margin);
  fill: currentColor;
  -moz-context-properties: fill, fill-opacity, stroke;
  content: "";
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(chrome://userchrome/content/skin/container-base.svg);
}

#contentAreaContextMenu :is(.menu-iconic, .menuitem-iconic)[label="Firefox Multi-Account Containers"] .menu-icon,
#_testpilot-containers-menuitem-_open-bookmark-in-container-tab > .menu-icon {
  display: none;
}

#_testpilot-containers-menuitem-_open-bookmark-in-container-tab::before {
  background-image: url(chrome://userchrome/content/skin/container-go.svg);
}

/* shorten the multi-account containers label */
#contentAreaContextMenu :is(.menu-iconic, .menuitem-iconic)[label="Firefox Multi-Account Containers"] > .menu-icon {
  flex: 1;
}

#contentAreaContextMenu :is(.menu-iconic, .menuitem-iconic)[label="Firefox Multi-Account Containers"] > .menu-icon::after {
  content: "Multi-Account Containers";
  display: flex;
  flex: 1;
}

#contentAreaContextMenu :is(.menu-iconic, .menuitem-iconic)[label="Firefox Multi-Account Containers"] > .menu-text {
  display: none;
}

#_testpilot-containers-menuitem-_open-bookmark-in-container-tab menupopup .menu-icon {
  filter: invert(1);
  opacity: 0.8;
}

/* zotero menu icon */
#contentAreaContextMenu :is(.menu-iconic, .menuitem-iconic)[label="Zotero Connector"]::before {
  width: 16px;
  height: 16px;
  margin-inline: var(--context-iconic-margin);
  fill: currentColor;
  -moz-context-properties: fill, fill-opacity, stroke;
  content: "";
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(chrome://userchrome/content/skin/sync.svg);
}

#contentAreaContextMenu :is(.menu-iconic, .menuitem-iconic)[label="Zotero Connector"] .menu-icon {
  display: none;
}

/* ublock origin context menu icon */
#contentAreaContextMenu :is(.menu-iconic, .menuitem-iconic)[id^="ublock0_raymondhill_net-menuitem-"]::before {
  width: 16px;
  height: 16px;
  margin-inline: var(--context-iconic-margin);
  fill: currentColor;
  -moz-context-properties: fill, fill-opacity, stroke;
  content: "";
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(chrome://userchrome/content/hide-password.svg);
}

#contentAreaContextMenu :is(.menu-iconic, .menuitem-iconic)[id^="ublock0_raymondhill_net-menuitem-"] .menu-icon {
  display: none;
}

#ublock0_raymondhill_net-menuitem-_uBlock0-blockElement:not(.menuitem-iconic, .menu-iconic)::before {
  background-image: url(chrome://userchrome/content/hide-password.svg);
}

#ublock0_raymondhill_net-menuitem-_uBlock0-blockElementInFrame:not(.menuitem-iconic, .menu-iconic)::before {
  fill-opacity: 0.3;
  background-image: url(chrome://userchrome/content/devtools/command-frames.svg);
}

/* bitwarden context menu icon */
#contentAreaContextMenu :is(.menu-iconic, .menuitem-iconic)[label="Bitwarden"]::before {
  width: 16px;
  height: 16px;
  margin-inline: var(--context-iconic-margin);
  fill: currentColor;
  -moz-context-properties: fill, fill-opacity, stroke;
  content: "";
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(chrome://userchrome/content/material/bitwarden.svg);
}

#contentAreaContextMenu :is(.menu-iconic, .menuitem-iconic)[label="Bitwarden"] .menu-icon {
  display: none !important;
}

/* toolbar context menu item */
#_446900e4-71c2-419f-a6a7-df9c091e268b_-menuitem-_root:not(.menuitem-iconic, .menu-iconic)::before {
  background-image: url(chrome://userchrome/content/material/bitwarden.svg);
}

#contentAreaContextMenu #addon_darkreader_org-menuitem-_DarkReader-top::before {
  width: 16px;
  height: 16px;
  margin-inline: var(--context-iconic-margin);
  fill: currentColor;
  -moz-context-properties: fill, fill-opacity, stroke;
  content: "";
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(chrome://userchrome/content/material/darkmode.svg);
}

#contentAreaContextMenu #addon_darkreader_org-menuitem-_DarkReader-top .menu-icon {
  display: none !important;
}

menupopup:not(#contentAreaContextMenu) > #addon_darkreader_org-menuitem-_DarkReader-top:not(.menuitem-iconic, .menu-iconic)::before {
  background-image: url(chrome://userchrome/content/material/darkmode.svg);
}

menu[id^="format-with-prettier_phryneas_de-menuitem-"][ext-type="top-level-menu"]::before {
  background-image: url(chrome://userchrome/content/devtools/tool-styleeditor.svg);
}

/* stylus context menu items */
#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_open-manager:not(.menuitem-iconic, .menu-iconic)::before {
  background-image: url(chrome://userchrome/content/devtools/tool-styleeditor.svg);
}

#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_open-options:not(.menuitem-iconic, .menu-iconic)::before {
  background-image: url(chrome://userchrome/content/settings.svg);
}

#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_show-badge[label="Show active style count"] > .menu-text,
#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_disableAll[label="Turn all styles off"] > .menu-text,
#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_open-manager[label="Open styles manager"] > .menu-text {
  display: none !important;
}

#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_show-badge[label="Show active style count"] > .menu-accel::before,
#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_disableAll[label="Turn all styles off"] > .menu-accel::before,
#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_open-manager[label="Open styles manager"] > .menu-accel::before {
  display: flex;
  flex: 1;
}

#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_show-badge[label="Show active style count"] > .menu-accel::before {
  content: "Active Style Count";
}

#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_disableAll[label="Turn all styles off"] > .menu-accel::before {
  content: "Disable All Styles";
}

#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_open-manager[label="Open styles manager"] > .menu-accel::before {
  content: "Open Style Manager";
}

/* make the "Options" menuitem's label more specific */
#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_open-options[label="Options"]:not(.menuitem-iconic, .menu-iconic) > .menu-text {
  display: none !important;
}

#_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-menuitem-_open-options[label="Options"]:not(.menuitem-iconic, .menu-iconic) > .menu-accel::before {
  content: "Stylus Options";
  display: flex;
  flex: 1;
}

/* View Image extension's context menu item "Search by image"
I would recommend disabling the context menu in the extension's settings,
since its casing is inconsistent with context menu norms. */
#_287dcf75-bec6-4eec-b4f6-71948a2eea29_-menuitem-_ViewImage-SearchByImage::before {
  width: 16px;
  height: 16px;
  margin-inline: var(--context-iconic-margin);
  fill: currentColor;
  -moz-context-properties: fill, fill-opacity, stroke;
  content: "";
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
}

#_287dcf75-bec6-4eec-b4f6-71948a2eea29_-menuitem-_ViewImage-SearchByImage .menu-icon {
  display: none !important;
}

#_287dcf75-bec6-4eec-b4f6-71948a2eea29_-menuitem-_ViewImage-SearchByImage::before,
#_287dcf75-bec6-4eec-b4f6-71948a2eea29_-menuitem-_ViewImage-SearchByImage:not(.menuitem-iconic, .menu-iconic)::before {
  background-image: url(chrome://userchrome/content/material/google-view-image.svg);
}

/* my "Invert Element" context menu extension */
#invert-element_aminomancer-menuitem-_menuitem-invert::before {
  width: 16px;
  height: 16px;
  margin-inline: var(--context-iconic-margin);
  fill: currentColor;
  -moz-context-properties: fill, fill-opacity, stroke;
  content: "";
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
}

#invert-element_aminomancer-menuitem-_menuitem-invert .menu-icon {
  display: none !important;
}

#invert-element_aminomancer-menuitem-_menuitem-invert[label="Invert Element"]::before,
#invert-element_aminomancer-menuitem-_menuitem-invert[label="Invert Element"]:not(.menuitem-iconic, .menu-iconic)::before {
  background-image: url(chrome://userchrome/content/material/invert.svg);
}

#invert-element_aminomancer-menuitem-_menuitem-invert[label="Uninvert Element"]::before,
#invert-element_aminomancer-menuitem-_menuitem-invert[label="Uninvert Element"]:not(.menuitem-iconic, .menu-iconic)::before {
  background-image: url(chrome://userchrome/content/material/invert-off.svg);
}

.eom-addon-button[data-extensionid="invert-element@aminomancer"i] .toolbarbutton-icon {
  list-style-image: url(chrome://userchrome/content/material/invert.svg);
}

/* tab notes favicon isn't displayed properly in the back/forward menu */
menupopup menuitem[class^="unified-nav"][uri="moz-extension://e158f52d-b5db-4594-9757-1e526a5df811/newtab.html"]:not([_moz-menuactive="true"]) {
  list-style-image: url("moz-extension://e158f52d-b5db-4594-9757-1e526a5df811/favicon.ico") !important;
}

/* invert github's black icon */
:is(.menu-icon, .toolbarbutton-icon, .urlbarView-favicon):is([src^="page-icon:https://github.com"], [src^="page-icon:http://github.com"]) {
  background-image: url(chrome://userchrome/content/engines/github.svg) !important;
  background-size: 16px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  padding-inline: 16px 0 !important;
  box-sizing: border-box !important;
}

/* if icon-only bookmarks toolbar pref is enabled, we need to invert the icon
differently since we don't want to invert the background on hovering the icon */
/* stylelint-disable-next-line media-query-no-invalid */
@media -moz-pref("userChrome.bookmarks-toolbar.icons-only") {
  #PersonalToolbar toolbarbutton.bookmark-item:not(.subviewbutton, [id]) .toolbarbutton-icon:is([src^="page-icon:https://github.com"], [src^="page-icon:http://github.com"]) {
    padding-inline: 28px 0 !important;
  }
}

/* reddit enhancement suite urlbar page action button */
#pageAction-urlbar-jid1-xufzosoflzsoxg_jetpack,
#pageAction-panel-jid1-xufzosoflzsoxg_jetpack {
  list-style-image: url(chrome://userchrome/content/material/filter-css.svg) !important;
}

:is(#pageAction-urlbar-jid1-xufzosoflzsoxg_jetpack, #pageAction-panel-jid1-xufzosoflzsoxg_jetpack)[tooltiptext="Subreddit Style Off"] {
  list-style-image: url(chrome://userchrome/content/material/filter-css-blocked.svg) !important;
}

/* replace extension icon with material icon */
#addons-notification-icon,
#add-ons-button,
#appMenu-addons-button {
  list-style-image: url(chrome://userchrome/content/material/extension.svg) !important;
}

/* since the following extensions' popup documents have been customized to fit
with the theme's colors, we can afford to show a border around the popup panel.
for other extensions that haven't been customized, the border color would
probably be inconsistent with the popup doc's colors. so by default we hide the
border on extension panels (see userChrome.au.css). if you have others, copy
this rule into your custom-chrome.css file, replacing the selectors with your
own extension panel selectors. make sure to include --chrome-style-tooltips: 0
if you use tooltipStyler.uc.js, since it gives extension panels a gray background,
and this variable tells it not to do that for these particular extensions. */
#customizationui-widget-panel[viewId="PanelUI-webext-sort-bookmarks_heftig-BAV"],
#customizationui-widget-panel[viewId="PanelUI-webext-_testpilot-containers-BAV"],
#customizationui-widget-panel[viewId="PanelUI-webext-addon_darkreader_org-BAV"],
#customizationui-widget-panel[viewId="PanelUI-webext-simple-translate_sienori-BAV"],
#customizationui-widget-panel[viewId="PanelUI-webext-private-bookmarks_rharel-BAV"] {
  --customized-webextension-panel-border: 1px solid var(--panel-border-color) !important;
  --customized-webextension-panel-stroke: var(--panel-border-color);
  --arrowpanel-border-color: var(--uc-menu-border-color) !important;

  browser {
    --chrome-style-tooltips: 1;
  }
}

/* extension popups that haven't been customized directly, but which have
borders added and arrow colors modified to match the popups. */
#customizationui-widget-panel[viewId="PanelUI-webext-ublock0_raymondhill_net-BAV"] {
  --customized-webextension-panel-border: 1px solid var(--panel-border-color) !important;
  --customized-webextension-panel-stroke: var(--panel-border-color);
  --panel-border-color: hsl(229, 15%, 23%) !important;
  --arrowpanel-background: hsl(229, 15%, 23%) !important;
}

#customizationui-widget-panel[viewId^="PanelUI-webext-multithreaded-download-manager"] {
  --customized-webextension-panel-border: 1px solid var(--panel-border-color) !important;
  --customized-webextension-panel-stroke: var(--panel-border-color);
  --panel-border-color: var(--in-content-border-color-dim) !important;
}

#customizationui-widget-panel[viewId="PanelUI-webext-nordvpnproxy_nordvpn_com-BAV"] {
  --arrowpanel-background: #3f3f3f !important;
}

/* zoom extension */
#customizationui-widget-panel[viewId="PanelUI-webext-_bf855ead-d7c3-4c7b-9f88-9a7e75c0efdf_-BAV"] {
  --customized-webextension-panel-border: 1px solid var(--panel-border-color) !important;
  --customized-webextension-panel-stroke: var(--panel-border-color);
  --panel-border-color: var(--in-content-separator-dim) !important;
  --arrowpanel-background: var(--in-content-bg-darker) !important;
}

/* violentmonkey */
#customizationui-widget-panel[viewId="PanelUI-webext-_aecec67f-0d10-4fa7-b7c7-609a2db280cf_-BAV"] {
  --customized-webextension-panel-border: 1px solid var(--panel-border-color) !important;
  --customized-webextension-panel-stroke: var(--panel-border-color);
  --panel-border-color: color-mix(in srgb, #1e1e1e, white 10%) !important;
  --arrowpanel-background: #1e1e1e !important;
}

/* stylus */
#customizationui-widget-panel[viewId="PanelUI-webext-_7a7a4a92-a2a0-41d1-9fd7-1e92480d612d_-BAV"] {
  --customized-webextension-panel-border: 1px solid var(--panel-border-color) !important;
  --customized-webextension-panel-stroke: var(--panel-border-color);
  --panel-border-color: hsl(0, 0%, 27%) !important;
  --arrowpanel-background: hsl(0, 0%, 14%) !important;
}

/* a possible way to make sidebar border more theme responsive */
/* #sidebar-box:not([sidebarcommand="viewBookmarksSidebar"], [sidebarcommand="viewHistorySidebar"], [sidebarcommand="viewTabsSidebar"], [sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]) {
  --sidebar-border-color: var(--uc-content-box-background-odd) !important;
}

#sidebar-header {
  border-width: 1px;
  border-inline-style: solid none;
  border-color: var(--uc-menu-border-color);
}

#sidebar {
  border-width: 1px;
  border-inline-style: solid none;
  border-color: var(--sidebar-border-color);
}

#sidebar-box {
  border: none !important;
} */