FineWine

menu_iconic_firefox.css

Sep 6th, 2026
36
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 24.00 KB | Source Code | 0 0
  1. /* Iconic Firefox (https://gist.github.com/emvaized/a379d61ed8970e5711ca7278a39c1895/) */
  2. /* Author (c) 2025 emvaized */
  3. /* Based on https://gist.github.com/qaz69wsx/83a90423163b65a8344b2e60fc356a58 (no longer available) */
  4. /* For better compatibility with dark mode, enable `svg.context-properties.content.enabled` in `about:config` */
  5.  
  6. :root{
  7.     --uc-popup-menu-icon-color: color-mix(in srgb, currentColor 75%, transparent);
  8. }
  9. .subviewbutton:not(.subviewbutton-iconic, [checked="true"], [targetURI])>.toolbarbutton-icon,
  10. .subviewbutton:not(.subviewbutton-iconic, [checked="true"], [targetURI])>.protections-popup-footer-icon,
  11. menuitem[data-l10n-id="text-action-redo"]:before{
  12.     width:16px;
  13.     height:16px;
  14.     margin-inline-end:8px !important;
  15.     -moz-context-properties:fill, fill-opacity;
  16.     fill:var(--uc-popup-menu-icon-color);
  17. }
  18.  
  19. menupopup:not(.in-menulist)>menu:not(.menu-iconic),
  20. menupopup:not(.in-menulist, [aria-label])>menuitem:not(.menuitem-iconic, [checked]),
  21. toolbarbutton[data-l10n-id*="-manage-"],
  22. menuitem[data-l10n-id*="-manage-"],
  23. #downloadsHistory{
  24.     padding-inline-start:calc(1em + 24px) !important;
  25.     background-position:left 1em center;
  26.     background-repeat:no-repeat;
  27.     background-size:16px;
  28.     -moz-context-properties:fill, fill-opacity;
  29.     fill:var(--uc-popup-menu-icon-color) !important;
  30. }
  31.  
  32.  
  33. :is(#appMenu-zoom-controls){
  34.     background-position: -15px center !important;
  35.     background-repeat:no-repeat;
  36. }
  37.  
  38. #fxa-manage-account-button>vbox>label{
  39.     margin-inline-start:24px !important;
  40. }
  41. .PanelUI-remotetabs-notabsforclient-label{
  42.     margin-inline-start:40px !important;
  43. }
  44. .widget-overflow-list .toolbarbutton-1:not(.toolbarbutton-combined)>.toolbarbutton-text,
  45. toolbarbutton[data-l10n-id*="-manage-"]{
  46.     padding-inline-start:8px !important;
  47. }
  48. #appMenu-fxa-label2::before,
  49. #fxa-manage-account-button::after{
  50.     content:"";
  51.     display:-moz-box;
  52.     border-radius:50%;
  53.     background:var(--avatar-image-url) no-repeat center/contain;
  54.     -moz-context-properties:fill, fill-opacity;
  55.     fill:var(--uc-popup-menu-icon-color);
  56. }
  57. #appMenu-fxa-label2::before{
  58.     width:16px;
  59.     height:16px;
  60.     margin-inline-end:8px;
  61. }
  62. #fxa-manage-account-button::after{
  63.     width:32px;
  64.     height:32px;
  65. }
  66. .syncNowBtn{
  67.     visibility:visible !important;
  68.     -moz-box-ordinal-group:0 !important;
  69.     margin-inline-end:8px;
  70.     order:0 !important;
  71. }
  72.  
  73.  
  74. #PanelUI-fxa-menu-setup-sync-button{
  75.     list-style-image:url("chrome://browser/skin/sync.svg");
  76. }
  77. .subviewbutton[data-l10n-id$="-settings"]:not([data-l10n-id*="-manage-"]){
  78.     list-style-image:url("chrome://global/skin/icons/settings.svg");
  79. }
  80. .subviewbutton[data-l10n-id="fxa-menu-connect-another-device"]{
  81.     list-style-image:url("chrome://global/skin/icons/plus.svg");
  82. }
  83. #appMenu-new-tab-button2{
  84.     list-style-image:url("chrome://browser/skin/new-tab.svg");
  85. }
  86. #appMenu-new-window-button2,
  87. #appMenuRecentlyClosedWindows{
  88.     list-style-image:url("chrome://browser/skin/window.svg");
  89. }
  90. #appMenu-new-private-window-button2{
  91.     list-style-image:url("chrome://browser/skin/privateBrowsing.svg");
  92. }
  93. .subviewbutton[data-l10n-id="library-bookmarks-menu"],
  94. #panelMenuBookmarkThisPage[starred],
  95. #sidebar-switcher-bookmarks{
  96.     list-style-image:url("chrome://browser/skin/bookmark-hollow.svg");
  97. }
  98. #panelMenuBookmarkThisPage{
  99.     list-style-image:url("chrome://browser/skin/bookmark-hollow.svg");
  100. }
  101. #panelMenu_searchBookmarks,
  102. #appMenu-find-button2,
  103. #appMenuSearchHistory,
  104. #allTabsMenu-searchTabs{
  105.     list-style-image:url("chrome://global/skin/icons/search-glass.svg");
  106. }
  107. #panelMenu_viewBookmarksToolbar{
  108.     list-style-image:url("chrome://browser/skin/bookmark-star-on-tray.svg");
  109. }
  110. .subviewbutton[id$="-history-button"],
  111. #sidebar-switcher-history{
  112.     list-style-image:url("chrome://browser/skin/history.svg");
  113. }
  114. #appMenuRecentlyClosedTabs{
  115.     list-style-image:url("chrome://browser/skin/tabs.svg");
  116. }
  117. #appMenuClearRecentHistory,
  118. toolbarbutton.restoreallitem{
  119.     list-style-image:url("chrome://browser/skin/forget.svg");
  120. }
  121. .subviewbutton[id$="-downloads-button"]{
  122.     list-style-image:url("chrome://browser/skin/downloads/downloads.svg");
  123. }
  124. #appMenu-passwords-button{
  125.     list-style-image:url("chrome://browser/skin/login.svg");
  126. }
  127. #appMenu-extensions-themes-button{
  128.     list-style-image:url("chrome://mozapps/skin/extensions/extension.svg");
  129. }
  130. #appMenu-print-button2{
  131.     list-style-image:url("chrome://global/skin/icons/print.svg");
  132. }
  133. #appMenu-save-file-button2{
  134.     list-style-image:url("chrome://browser/skin/downloads/downloads.svg");
  135. }
  136. .subviewbutton[command="cmd_CustomizeToolbars"]{
  137.     list-style-image:url("chrome://browser/skin/customize.svg");
  138. }
  139. .subviewbutton[oncommand="switchToTabHavingURI('about:performance', true)"]{
  140.     list-style-image:url("chrome://global/skin/icons/performance.svg");
  141. }
  142. .subviewbutton[key="key_browserToolbox"]{
  143.     list-style-image:url("chrome://devtools/skin/images/tool-inspector.svg");
  144. }
  145. .subviewbutton[key="key_aboutProcesses"]{
  146.     list-style-image:url("chrome://devtools/skin/images/tool-profiler.svg");
  147. }
  148. .subviewbutton[key="key_aboutProcesses"] + .subviewbutton{
  149.     list-style-image:url("chrome://global/skin/icons/developer.svg");
  150. }
  151. .subviewbutton[key="key_browserConsole"]{
  152.     list-style-image:url("chrome://devtools/skin/images/tool-webconsole.svg");
  153. }
  154. .subviewbutton[key="key_toggleToolbox"]{
  155.     list-style-image:url("resource://devtools-shared-images/command-pick.svg");
  156. }
  157. .subviewbutton[key="key_viewSource"]{
  158.     list-style-image:url("chrome://devtools/skin/images/tool-styleeditor.svg");
  159. }
  160. .subviewbutton[key="key_responsiveDesignMode"]:not([checked="true"]){
  161.     list-style-image:url("chrome://devtools/skin/images/command-responsivemode.svg");
  162.     fill-opacity:0;
  163. }
  164. .subviewbutton[key="key_responsiveDesignMode"]+.subviewbutton{
  165.     list-style-image:url("chrome://devtools/skin/images/command-eyedropper.svg");
  166. }
  167. .subviewbutton[data-l10n-id="appmenu-developer-tools-extensions"]{
  168.     list-style-image:url("chrome://activity-stream/content/data/content/assets/glyph-webextension-16.svg");
  169. }
  170. #appMenu-help-button2,
  171. #appMenu_menu_openHelp
  172. {
  173.     list-style-image:url("chrome://global/skin/icons/help.svg");
  174. }
  175. #appMenu_menu_HelpPopup_reportPhishingtoolmenu{
  176.     list-style-image:url("chrome://global/skin/icons/warning.svg");
  177. }
  178. #appMenu_feedbackPage{
  179.     list-style-image:url("chrome://global/skin/icons/lightbulb.svg");
  180. }
  181. #appMenu_troubleShooting{
  182.     list-style-image:url("chrome://devtools/skin/images/browsers/firefox.svg");
  183. }
  184. #appMenu_helpSafeMode{
  185.     list-style-image:url("chrome://global/skin/icons/security.svg");
  186. }
  187. #appMenu_helpSwitchDevice {
  188.     list-style-image:url("chrome://browser/skin/import.svg");
  189. }
  190. #appMenu_aboutName{
  191.     list-style-image:url("chrome://global/skin/icons/info.svg");
  192. }
  193. #appMenu-quit-button2{
  194.     list-style-image:url('chrome://browser/skin/sync-off.svg');
  195. }
  196. #sidebar-switcher-tabs{
  197.     list-style-image:url("chrome://browser/skin/tab.svg");
  198. }
  199. #sidebar-reverse-position[label="Move Sidebar to Right"]{
  200.     list-style-image:url("chrome://browser/skin/sidebars-right.svg");
  201. }
  202. #sidebar-reverse-position[label="Move Sidebar to Left"]{
  203.     list-style-image:url("chrome://browser/skin/sidebars.svg");
  204. }
  205. .subviewbutton[data-l10n-id="sidebar-menu-close"]{
  206.     list-style-image:url("chrome://global/skin/icons/close.svg");
  207. }
  208. #BMB_bookmarksPopup menuitem:not(.menuitem-iconic),
  209. #PlacesToolbar .openintabs-menuitem{
  210.     padding-inline-start:32px !important;
  211.     background-position-x:8px;
  212. }
  213. #menu_newNavigatorTab,
  214. menuitem[id$="openANewTab"]{
  215.     background-image:url("chrome://browser/skin/new-tab.svg");
  216. }
  217. #menu_newNavigator,
  218. #historyUndoWindowMenu,
  219. #context_openTabInWindow,
  220. menuitem[data-l10n-id*="-open-"][data-l10n-id$="-window"]{
  221.     background-image:url("chrome://browser/skin/window.svg");
  222. }
  223. menuitem[data-l10n-id$="-private-window"]{
  224.     background-image:url("chrome://browser/skin/privateBrowsing.svg") !important;
  225. }
  226. #menu_openFile{
  227.     background-image:url("chrome://browser/skin/open.svg");
  228. }
  229. #menu_savePage,
  230. #context-saveimage,
  231. #context-savelink,
  232. #context-saveframe,
  233. #context-savevideo,
  234. #context-savepage{
  235.     background-image:url("chrome://browser/skin/downloads/downloads.svg");
  236. }
  237. menuitem[data-l10n-id$="-email"],
  238. menuitem[data-l10n-id$="-email-link"]{
  239.     background-image:url("chrome://browser/skin/mail.svg");
  240. }
  241. menuitem[data-l10n-id*="-print"]{
  242.     background-image:url("chrome://global/skin/icons/print.svg");
  243. }
  244. #menu_importFromAnotherBrowser,
  245. #browserImport{
  246.     background-image:url("chrome://browser/skin/import.svg");
  247. }
  248. #menu_FileQuitItem{
  249.     background-image:url('chrome://browser/skin/sync-off.svg');
  250. }
  251. menuitem[data-l10n-id="text-action-undo"],
  252. menuitem[data-l10n-id$="-reopen-closed-tabs"]{
  253.     background-image:url("chrome://global/skin/icons/undo.svg");
  254. }
  255. menuitem[data-l10n-id="text-action-redo"]:before{
  256.     background-image:url("chrome://global/skin/icons/undo.svg");
  257.     transform:scaleX(-1) !important;
  258.     content: "";
  259.     position: absolute;
  260.     left: 16px;
  261. }
  262. menuitem[data-l10n-id="text-action-cut"]{
  263.     background-image:url("chrome://browser/skin/edit-cut.svg");
  264. }
  265. menuitem[data-l10n-id="text-action-copy"],
  266. menuitem[data-l10n-id="main-context-menu-image-copy-text"],
  267. #context-copyimage-contents,
  268. #syncedTabsCopySelected{
  269.     background-image:url("chrome://global/skin/icons/edit-copy.svg");
  270. }
  271. #context-stripOnShareLink,
  272. menuitem[data-l10n-id="text-action-strip-on-share"]{
  273.     background-image:url("chrome://browser/skin/fingerprint.svg");
  274. }
  275. menuitem[data-l10n-id="text-action-paste"]{
  276.     background-image:url("chrome://global/skin/icons/edit-paste.svg");
  277. }
  278. menuitem[data-l10n-id="text-action-paste-no-formatting"]{
  279.     background-image:url("chrome://global/skin/icons/edit-paste.svg");
  280. }
  281. menuitem[data-l10n-id="text-action-paste"]{
  282.     background-image:url("chrome://browser/skin/edit-paste.svg");
  283. }
  284. menuitem[data-l10n-id="text-action-delete"],
  285. #toolbar-context-remove-extension,
  286. .downloadDeleteFileMenuItem,
  287. menuitem[id^="placesContext_delete"],
  288. #unified-extensions-context-menu-remove-extension,
  289. #pageActionContextMenuRemoveExtension,
  290. #context_moveTabToSavedGroup{
  291.     background-image:url("chrome://global/skin/icons/delete.svg");
  292. }
  293. #menu_find,
  294. #BMB_searchBookmarks,
  295. #context-searchselect-private,
  296. #context-searchselect,
  297. #context-keywordfield,
  298. #context-visual-search{
  299.     background-image:url("chrome://global/skin/icons/search-glass.svg");
  300. }
  301. #toggle_PersonalToolbar,
  302. #BMB_viewBookmarksToolbar{
  303.     background-image:url("chrome://browser/skin/bookmarks-toolbar.svg");
  304. }
  305. #menu_customizeToolbars,
  306. #toolbar-context-customize{
  307.     background-image:url("chrome://browser/skin/customize.svg");
  308. }
  309. #viewSidebarMenuMenu,
  310. #BMB_viewBookmarksSidebar{
  311.     background-image:url("chrome://browser/skin/sidebars.svg");
  312. }
  313. #menu_bookmarksSidebar:not([checked="true"]),
  314. menuitem[data-l10n-id="menu-bookmark-edit"]{
  315.     background-image:url("chrome://browser/skin/bookmark.svg") !important;
  316. }
  317. #menu_historySidebar:not([checked="true"]){
  318.     background-image:url("chrome://browser/skin/history.svg");
  319. }
  320. #menu_tabsSidebar:not([checked="true"]),
  321. #sync-tabs-menuitem{
  322.     background-image:url("chrome://browser/skin/tab.svg");
  323. }
  324. #menu_zoomEnlarge{
  325.     background-image:url("chrome://browser/skin/add-circle-fill.svg");
  326. }
  327. #menu_zoomReduce{
  328.     background-image:url("chrome://browser/skin/subtract-circle-fill.svg");
  329. }
  330. #repair-text-encoding{
  331.     background-image:url("chrome://browser/skin/characterEncoding.svg");
  332. }
  333. #fullScreenItem:not([checked="true"]){
  334.     background-image:url("chrome://browser/skin/fullscreen.svg");
  335. }
  336. #menu_readerModeItem{
  337.     background-image:url("chrome://browser/skin/reader-mode.svg");
  338. }
  339.  
  340. #historyUndoMenu{
  341.     background-image:url("chrome://devtools/skin/images/debugging-tabs.svg");
  342. }
  343. menuitem[data-l10n-id*="bookmark-"]:not(.menuitem-iconic),
  344. #context-bookmarkframe,
  345. #placesContext_createBookmark{
  346.     background-image:url("chrome://browser/skin/bookmark-hollow.svg");
  347. }
  348. #menu_openDownloads{
  349.     background-image:url("chrome://browser/skin/downloads/downloads.svg");
  350. }
  351. #menu_openAddons{
  352.     background-image:url("chrome://mozapps/skin/extensions/extension.svg");
  353. }
  354. #sync-setup{
  355.     background-image:var(--avatar-image-url);
  356. }
  357. menuitem[data-l10n-id$="-sync-now"]{
  358.     background-image:url("chrome://browser/skin/sync.svg");
  359. }
  360. #webDeveloperMenu{
  361.     background-image:url("chrome://browser/skin/developer.svg");
  362. }
  363. #menu_taskManager{
  364.     background-image:url("chrome://global/skin/icons/performance.svg");
  365. }
  366. #menu_browserToolbox{
  367.     background-image:url("chrome://devtools/skin/images/fox-smiling.svg");
  368. }
  369. #menu_responsiveUI:not([checked="true"]){
  370.     background-image:url("chrome://devtools/skin/images/command-responsivemode.svg");
  371.     fill-opacity:0;
  372. }
  373. #menu_eyedropper{
  374.     background-image:url("chrome://devtools/skin/images/command-eyedropper.svg");
  375. }
  376. #extensionsForDevelopers{
  377.     background-image:url("chrome://activity-stream/content/data/content/assets/glyph-webextension-16.svg");
  378. }
  379. #menu_pageInfo,
  380. #context-viewimageinfo,
  381. #context-viewframeinfo{
  382.     background-image:url("chrome://global/skin/icons/info.svg");
  383. }
  384. #menu_preferences,
  385. #openSettingsMenuItem,
  386. #toolbar-context-customize-sidebar{
  387.     background-image:url("chrome://global/skin/icons/settings.svg");
  388. }
  389. #menu_HelpPopup_reportPhishingtoolmenu{
  390.     background-image:url("chrome://global/skin/icons/lightbulb.svg");
  391. }
  392. #aboutName{
  393.     background-image:url("chrome://devtools/skin/images/browsers/firefox.svg");
  394. }
  395. #context_reloadTab,
  396. #context_reloadSelectedTabs,
  397. #context-reloadframe,
  398. menuitem[data-l10n-id="toolbar-context-menu-reload-selected-tab"]{
  399.     background-image:url("chrome://global/skin/icons/reload.svg");
  400. }
  401. menuitem[id^="context_toggleMute"]:not([soundplaying], [muted]),
  402. menuitem[id^="context_toggleMute"][soundplaying]:not([muted]),
  403. #context-media-mute{
  404.     background-image:url("chrome://global/skin/media/audio-muted.svg");
  405. }
  406. menuitem[id^="context_toggleMute"][muted],
  407. #context-media-unmute{
  408.     background-image:url("chrome://global/skin/media/audio.svg");
  409. }
  410. menuitem[data-l10n-id^="pin-"],
  411. .customize-context-moveToPanel{
  412.     background-image:url("chrome://browser/skin/pin-12.svg");
  413. }
  414. menuitem[data-l10n-id^="unpin-"],
  415. .customize-context-moveToToolbar{
  416.     background-image:url("chrome://browser/skin/pin.svg");
  417. }
  418. menuitem.sendtab-target[clientType="desktop"]{
  419.     background-image:url("chrome://browser/skin/device-desktop.svg");
  420. }
  421. menuitem.sendtab-target[clientType="phone"]{
  422.     background-image:url("chrome://browser/skin/device-phone.svg");
  423. }
  424. menuitem.sendtab-target[clientType="tablet"]{
  425.     background-image:url("chrome://browser/skin/device-tablet.svg");
  426. }
  427. menuitem.sendtab-target[clientType="tv"]{
  428.     background-image:url("chrome://browser/skin/device-tv.svg");
  429. }
  430. menuitem.sendtab-target[clientType="vr"]{
  431.     background-image:url("chrome://browser/skin/device-vr.svg");
  432. }
  433. menuitem[data-l10n-id="full-screen-exit"]{
  434.     background-image:url("chrome://browser/skin/fullscreen-exit.svg");
  435. }
  436. #paste-and-go{
  437.     background-image:url("chrome://browser/skin/forward.svg");
  438. }
  439. .customize-context-reportExtension{
  440.     background-image:url("chrome://global/skin/icons/warning.svg");
  441. }
  442. .downloadShowMenuItem,
  443. #placesContext_showInFolder,
  444. [data-l10n-id="places-add-folder-contextmenu"]{
  445.     background-image:url("chrome://global/skin/icons/folder.svg");
  446. }
  447. .openintabs-menuitem,
  448. menuitem[id^="context-open"]:is([id$="intab"], [id$="incontainertab"]),
  449. menuitem[data-l10n-id$="-view-new-tab"],
  450. menuitem[data-l10n-id$="-open-in-tab"]{
  451.     background-image:url("chrome://global/skin/icons/open-in-new.svg");
  452. }
  453. #context-pocket,
  454. #context-savelinktopocket{
  455.     background-image:url("chrome://global/skin/icons/pocket-outline.svg");
  456. }
  457. menuitem[data-l10n-id$="-screenshot"]{
  458.     background-image:url("chrome://browser/skin/screenshot.svg");
  459. }
  460. menuitem[data-l10n-id*="-copy-"][data-l10n-id*="-link"]:not(.menuitem-iconic){
  461.     background-image:url("chrome://global/skin/icons/link.svg");
  462. }
  463. #context-searchselect[label*="Google"]{
  464.     background-image:url("chrome://activity-stream/content/data/content/tippytop/favicons/google-com.ico");
  465. }
  466. #context-searchselect[label*="Bing"]{
  467.     background-image:url("chrome://activity-stream/content/data/content/tippytop/favicons/bing-com.ico");
  468. }
  469. #context-searchselect[label*="DuckDuckGo"]{
  470.     background-image:url("chrome://activity-stream/content/data/content/tippytop/favicons/duckduckgo-com.ico");
  471. }
  472. #context-inspect-a11y{
  473.     background-image:url("chrome://devtools/skin/images/tool-accessibility.svg");
  474. }
  475. #context-inspect{
  476.     background-image:url("resource://devtools-shared-images/command-pick.svg");
  477. }
  478. #context-media-play{
  479.     background-image:url("chrome://global/skin/media/play-fill.svg");
  480. }
  481. #context-media-pause,
  482. #doNotDisturbMenuItem{
  483.     background-image:url("chrome://global/skin/media/pause-fill.svg");
  484. }
  485. #context-video-fullscreen{
  486.     background-image:url("chrome://browser/skin/fullscreen.svg");
  487. }
  488. #context-leave-dom-fullscreen{
  489.     background-image:url("chrome://browser/skin/fullscreen-exit.svg");
  490. }
  491. #context-video-saveimage{
  492.     background-image:url("chrome://browser/skin/screenshot.svg");
  493. }
  494. #disableForOriginMenuItem{
  495.     background-image:url("chrome://browser/skin/notification-icons/desktop-notification-blocked.svg");
  496. }
  497. menuitem[data-l10n-id^="places-edit-"]{
  498.     background-image:url("chrome://global/skin/icons/edit.svg");
  499. }
  500. #context-translate-selection{
  501.     background-image:url("chrome://browser/skin/translations.svg");
  502. }
  503. #appMenu-translate-button,
  504. #appmenu-abouttranslations-button{
  505.     list-style-image:url("chrome://browser/skin/translations.svg");
  506. }
  507. #appMenu-more-button2,
  508. #identity-popup-more-info{
  509.     list-style-image:url("chrome://global/skin/icons/more.svg");
  510. }
  511. #context-viewsource,
  512. #context-viewframesource,
  513. #context-viewpartialsource-selection{
  514.     background-image:url("chrome://devtools/skin/images/tool-styleeditor.svg");
  515. }
  516. #context-selectall,
  517. menuitem[data-l10n-id="text-action-select-all"]{
  518.     /* background-image:url("resource:///chrome/devtools/skin/images/highlight-selector.svg"); */
  519.     background-image:url("chrome://global/skin/reader/align-left-20.svg");
  520. }
  521. #unified-extensions-context-menu-move-widget-up{
  522.     background-image:url("chrome://global/skin/icons/arrow-up.svg");
  523. }
  524. #unified-extensions-context-menu-move-widget-down{
  525.     background-image:url("chrome://global/skin/icons/arrow-down.svg");
  526. }
  527. .customize-context-manageExtension,
  528. #unified-extensions-context-menu-manage-extension{
  529.     background-image:url("chrome://global/skin/icons/settings.svg");
  530. }
  531. #unified-extensions-context-menu-report-extension{
  532.     background-image:url("chrome://global/skin/icons/warning.svg");
  533. }
  534. #context-setDesktopBackground{
  535.     background-image:url("chrome://browser/skin/canvas.svg");
  536. }
  537. #appMenu-zoom-controls{
  538.     background-image:url("chrome://global/skin/media/fullscreenEnterButton.svg");
  539.     margin-inline-start:18px !important;
  540. }
  541. menu#frame{
  542.     background-image:url("chrome://browser/skin/window.svg");
  543. }
  544. #context_moveToStart,
  545. #context_closeTabsToTheStart{
  546.     background-image:url("chrome://global/skin/icons/arrow-left.svg");
  547. }
  548. #context_moveToEnd,
  549. #context_closeTabsToTheEnd{
  550.     background-image:url("chrome://global/skin/icons/arrow-right.svg");
  551. }
  552. #context-media-playbackrate{
  553.     background-image:url("chrome://global/skin/icons/performance.svg");
  554. }
  555. #identity-popup-clear-sitedata-button{
  556.     list-style-image:url("chrome://global/skin/icons/delete.svg");
  557. }
  558. #toolbar-context-remove-from-toolbar,
  559. #customizationPanelItemContextMenuRemove,
  560. .downloadRemoveFromHistoryMenuItem,
  561. #context_closeTab,
  562. #orgClose{
  563.     background-image:url("chrome://global/skin/icons/close.svg");
  564. }
  565. #context-showonlythisframe,
  566. #context-media-showcontrols,
  567. #context-previewlink{
  568.     background-image:url('chrome://global/skin/icons/eye.svg');
  569. }
  570. #context-media-hidecontrols{
  571.     background-image:url('chrome://global/skin/icons/eye-slash.svg');
  572. }
  573. Needs a fix for checkbox items rendered incorrectly with styles applied
  574. /*#context-video-pictureinpicture:not([checked="true"]){
  575.     background-image:url("chrome://global/skin/media/picture-in-picture-open.svg");
  576.     fill: var(--uc-popup-menu-icon-color) !important;
  577. }
  578. */
  579. #spell-dictionaries{
  580.     background-image:url("chrome://devtools/skin/images/globe.svg");
  581. }
  582. #spell-add-dictionaries,
  583. [data-l10n-id="places-add-bookmark"],
  584. #context_moveTabToGroupNewGroup{
  585.     background-image:url("chrome://global/skin/icons/plus.svg");
  586. }
  587. toolbarbutton[data-l10n-id*="-manage-"],
  588. menuitem[data-l10n-id*="-manage-"],
  589. #manage-saved-logins{
  590.     background-image:url("chrome://browser/skin/menu.svg");
  591. }
  592. #context-sendpagetodevice-popup menuseparator + menuitem,
  593. #context_sendTabToDevicePopupMenu menuseparator + menuitem,
  594. #context-sendlinktodevice-popup menuseparator + menuitem{
  595.     background-image:url("chrome://global/skin/icons/chevron.svg");
  596. }
  597. #downloadsHistory{
  598.     background-image:url("chrome://browser/skin/downloads/downloads.svg");
  599. }
  600. .downloadOpenReferrerMenuItem{
  601.     background-image:url("chrome://global/skin/icons/defaultFavicon.svg")
  602. }
  603. #protections-popup-settings-button{
  604.     list-style-image:url("chrome://global/skin/icons/settings.svg");
  605. }
  606. #protections-popup-show-report-button{
  607.     list-style-image:url("chrome://browser/skin/controlcenter/dashboard.svg");
  608. }
  609. toolbarbutton.restoreallitem > .toolbarbutton-icon{
  610.     transform:scaleX(-1);
  611. }
  612. #appMenu-report-broken-site-button,
  613. #protections-popup-report-broken-site-button{
  614.     list-style-image:url("chrome://global/skin/icons/lightbulb.svg");
  615. }
  616. #context-ask-chat,
  617. #context_askChat{
  618.     background-image:url("chrome://global/skin/icons/highlights.svg");
  619. }
  620. #fill-login{
  621.     background-image:url("chrome://browser/skin/login.svg");
  622. }
  623. menuitem[id="context-openlinkinsidebar"][label="Open Link in Second Sidebar"]{
  624.     background-image:url("chrome://userscripts/content/second_sidebar/icons/sidebar-right.svg");
  625. }
  626. #allTabsMenu-closeDuplicateTabs{
  627.     list-style-image:url('chrome://browser/content/firefoxview/view-recentlyclosed.svg');
  628. }
  629. [data-l10n-id="places-add-separator"] {
  630.     background-image:url("chrome://global/skin/reader/content-width-20.svg");
  631. }
  632. #context-sendpagetodevice,
  633. #context-sendlinktodevice,
  634. #context_sendTabToDevice {
  635.     background-image: url("chrome://browser/skin/synced-tabs.svg") !important;
  636. & menuitem {
  637.     background-image: url("chrome://devtools/skin/images/pencil-icon.svg") !important;
  638.     }
  639.  }
  640.  
  641. #context_moveTabToSplitView,
  642. #context-openlinkinsplitview{
  643.     background-image:url("chrome://browser/skin/split-view-left-16.svg");
  644. }
  645. menu.share-tab-url-item{
  646.     background-image:url("chrome://browser/skin/share.svg");
  647. }
  648. #context_addNote,
  649. #context_editNote{
  650.     background-image:url("chrome://global/skin/icons/tab-notes.svg");
  651. }
  652. #context_moveTabOptions{
  653.     background-image:url("chrome://browser/skin/taskbar-tabs-move-tab.svg");
  654. }
  655. #context_moveTabToGroup,
  656. #context_moveTabToNewGroup{
  657.     background-image:url("chrome://browser/skin/tabbrowser/tab-groups.svg");
  658. }
  659. #context_reopenInContainer,
  660. #context-openlinkinusercontext-menu,
  661. [data-l10n-id="places-open-in-container-tab"],
  662. menuitem[data-l10n-id="user-context-add-container"] {
  663.     background-image:url("chrome://browser/skin/topsites.svg") !important;
  664. }
  665. #context_duplicateTab,
  666. #context_duplicateTabs{
  667.     background-image:url("chrome://browser/skin/tabs.svg");
  668. }
  669. #context_selectAllTabs,
  670. #toolbar-context-selectAllTabs{
  671.     background-image:url("chrome://browser/skin/tabs.svg");
  672. }
  673. #context_closeTabOptions{
  674.     background-image:url("chrome://browser/content/firefoxview/view-recentlyclosed.svg");
  675. }
  676. menuitem[data-l10n-id="places-sortby-name"]{
  677.     background-image:url("chrome://browser/skin/sort.svg");
  678. }
  679. menuitem[data-l10n-id="places-open-all-bookmarks"]{
  680.     background-image:url("chrome://browser/skin/library.svg");
  681. }
  682.  
  683. #context-back {
  684.     background-image:url("chrome://browser/skin/back.svg");
  685. }
  686. #context-forward {
  687.     background-image:url("chrome://browser/skin/forward.svg");
  688. }
  689. #context-reload {
  690.     background-image:url("chrome://global/skin/icons/reload.svg");
  691. }
  692. menuitem[data-l10n-id="tab-context-unload-n-tabs"] {
  693.     background-image:url("chrome://devtools/skin/images/dock-undock.svg");
  694. }
  695. #context_closeDuplicateTabs {
  696.     background-image:url("chrome://devtools/skin/images/close.svg");
  697. }
  698. #toolbar-context-toggle-vertical-tabs{
  699.     background-image:url("chrome://browser/skin/open.svg");
  700. }
  701. #context-add-engine{
  702.     background-image:url("chrome://browser/skin/search-indicator-badge-add.svg")
  703. }
  704. #appmenu-edit-pdf-button > .toolbarbutton-icon {
  705.     background-image: url("chrome://devtools/skin/images/pencil-icon.svg") !important;
  706.     }
  707. /*---------------*/
  708.  
Advertisement
Add Comment
Please, Sign In to add comment