diff --git a/chrome/browser/icons.css b/chrome/browser/icons.css index a78462b..14646f0 100644 --- a/chrome/browser/icons.css +++ b/chrome/browser/icons.css @@ -85,3 +85,568 @@ padding: var(--toolbarbutton-inner-padding) !important; border-radius: var(--toolbarbutton-border-radius) !important; } + +/* Based on: https://gist.githubusercontent.com/qaz69wsx/83a90423163b65a8344b2e60fc356a58/raw/d9fbd601430b834e9a658fd8bebbfee2cb914300/menu_icons.css */ +/* Icons in menus */ +.subviewbutton:not(.subviewbutton-iconic, [image], .all-tabs-close-button) + > image { + width: 16px; + height: 16px; + margin-inline-end: 8px !important; + -moz-context-properties: fill; + fill: currentColor; +} + +#overflowMenu-customize-button > .toolbarbutton-icon { + margin-inline-end: 0.5em !important; +} + +#appMenu-zoom-controls, +#fxa-manage-account-button, +#PanelUI-remotetabs-view-managedevices { + padding-inline-start: calc( + var(--arrowpanel-menuitem-padding-inline) + 16px + 8px + ) !important; +} + +#appMenu-fxa-label2::before, +#fxa-manage-account-button::after { + content: ""; + display: block; + border-radius: 50%; + background: var(--avatar-image-url) no-repeat center / contain; + -moz-context-properties: fill; + fill: currentColor; +} + +#appMenu-fxa-label2::before { + width: 16px; + height: 16px; + margin-inline-end: 8px; +} + +#fxa-manage-account-button::after { + width: 30px; + height: 30px; +} + +.syncNowBtn { + visibility: visible !important; + order: initial !important; + margin-inline-end: 8px; +} + +#appMenu-new-tab-button2 { + list-style-image: url("chrome://browser/skin/new-tab.svg"); +} + +#appMenu-new-window-button2, +#appMenuRecentlyClosedWindows { + list-style-image: url("chrome://browser/skin/window.svg"); +} + +#appMenu-new-private-window-button2 { + list-style-image: url("chrome://browser/skin/privateBrowsing.svg"); +} + +#appMenu-bookmarks-button, +#panelMenuBookmarkThisPage[starred], +#appMenu-library-bookmarks-button { + list-style-image: url("chrome://browser/skin/bookmark.svg"); +} + +#appMenu-history-button, +#appMenu-library-history-button { + list-style-image: url("chrome://browser/skin/history.svg"); +} + +#appMenu-downloads-button, +#appMenu-library-downloads-button { + list-style-image: url("chrome://browser/skin/downloads/downloads.svg"); +} + +#appMenu-passwords-button { + list-style-image: url("chrome://browser/skin/login.svg"); +} + +#appMenu-extensions-themes-button { + list-style-image: url("chrome://mozapps/skin/extensions/extension.svg"); +} + +#appMenu-print-button2 { + list-style-image: url("chrome://global/skin/icons/print.svg"); +} + +#appMenu-save-file-button2 { + list-style-image: url("chrome://browser/skin/save.svg"); +} + +#appMenu-find-button2, +#panelMenu_searchBookmarks, +#appMenuSearchHistory, +#allTabsMenu-searchTabs { + list-style-image: url("chrome://global/skin/icons/search-glass.svg"); +} + +#appMenu-translate-button { + list-style-image: url("chrome://browser/skin/translations.svg"); +} + +#appMenu-settings-button, +#PanelUI-fxa-menu-sync-prefs-button, +#protections-popup-settings-button, +#protections-popup-trackersView-settings-button { + list-style-image: url("chrome://global/skin/icons/settings.svg"); +} + +#appMenu-help-button2, +#appMenu_menu_openHelp { + list-style-image: url("chrome://global/skin/icons/help.svg"); +} + +#appMenu-quit-button2 { + list-style-image: url('data:image/svg+xml,'); +} + +#PanelUI-fxa-menu-sendtab-button { + list-style-image: url('data:image/svg+xml,'); +} + +#PanelUI-fxa-menu-account-signout-button { + list-style-image: url('data:image/svg+xml,'); +} + +#panelMenuBookmarkThisPage { + list-style-image: url("chrome://browser/skin/bookmark-hollow.svg"); +} + +#panelMenu_viewBookmarksToolbar { + list-style-image: url("chrome://browser/skin/bookmarks-toolbar.svg"); +} + +#appMenuRecentlyClosedTabs { + list-style-image: url("chrome://devtools/skin/images/debugging-tabs.svg"); +} + +#appMenu-restoreSession { + list-style-image: url('data:image/svg+xml,'); +} + +#appMenuClearRecentHistory { + list-style-image: url("chrome://browser/skin/forget.svg"); +} + +#appmenu-moreTools-button, +#overflowMenu-customize-button { + list-style-image: url("chrome://browser/skin/customize.svg"); +} + +.subviewbutton[key="key_aboutProcesses"] { + list-style-image: url("chrome://global/skin/icons/performance.svg"); +} + +.subviewbutton[key="key_browserToolbox"] { + list-style-image: url("chrome://devtools/skin/images/fox-smiling.svg"); +} + +.subviewbutton[key="key_responsiveDesignMode"] + .subviewbutton { + list-style-image: url("chrome://devtools/skin/images/command-eyedropper.svg"); +} + +#appMenu_menu_HelpPopup_reportPhishingtoolmenu { + list-style-image: url("chrome://global/skin/icons/lightbulb.svg"); +} + +#appMenu_aboutName { + list-style-image: url("chrome://devtools/skin/images/browsers/firefox.svg"); +} + +#identity-popup-clear-sitedata-button { + list-style-image: url("chrome://global/skin/icons/delete.svg"); +} + +#identity-popup-more-info { + list-style-image: url("chrome://global/skin/icons/info.svg"); +} + +#protections-popup-show-report-button { + list-style-image: url("chrome://browser/skin/controlcenter/dashboard.svg"); +} + +#allTabsMenu-containerTabsButton { + list-style-image: url('data:image/svg+xml,'); +} + +menupopup > menu:not([icon], .menu-iconic), +menupopup:not(.in-menulist) + > menuitem:not([checked="true"], [icon], .menuitem-iconic) { + padding-inline-start: calc(1em + 16px + 8px) !important; + background-position: left 1em center; + background-repeat: no-repeat; + background-size: 16px; + -moz-context-properties: fill; + fill: currentColor; +} + +menupopup.toolbar-menupopup menuitem:not(.menuitem-iconic) { + padding-inline-start: calc( + var(--arrowpanel-menuitem-padding-inline) + 16px + 8px + ) !important; + background-position: left var(--arrowpanel-menuitem-padding-inline) center; +} + +#context_openANewTab, +#toolbar-context-openANewTab, +#menu_newNavigatorTab { + background-image: url("chrome://browser/skin/new-tab.svg"); +} + +#context_reloadTab, +#context_reloadSelectedTabs, +#toolbar-context-reloadSelectedTab, +#context-reloadframe { + background-image: url("chrome://global/skin/icons/reload.svg"); +} + +#context_toggleMuteTab, +#context_toggleMuteSelectedTabs, +#context-media-mute { + background-image: url("chrome://global/skin/media/audio-muted.svg"); +} + +#context_toggleMuteTab[muted], +#context_toggleMuteSelectedTabs[muted], +#context-media-unmute { + background-image: url("chrome://global/skin/media/audio.svg"); +} + +#context_pinTab, +#context_pinSelectedTabs, +menuitem.customize-context-moveToPanel, +menuitem.unified-extensions-context-menu-pin-to-toolbar { + background-image: url("chrome://activity-stream/content/data/content/assets/glyph-pin-16.svg"); +} + +#context_unpinTab, +#context_unpinSelectedTabs { + background-image: url("chrome://activity-stream/content/data/content/assets/glyph-unpin-16.svg"); +} + +#context_bookmarkSelectedTabs, +#context_bookmarkTab, +#toolbar-context-bookmarkSelectedTab, +#context-bookmarklink, +#context-bookmarkframe, +#placesContext_createBookmark, +#syncedTabsBookmarkSelected, +#menu_bookmarkThisPage { + background-image: url("chrome://browser/skin/bookmark-hollow.svg"); +} + +#context_sendTabToDevice, +#context-sendlinktodevice, +#context-sendpagetodevice { + background-image: url('data:image/svg+xml,'); +} + +.share-tab-url-item { + background-image: url('data:image/svg+xml,'); +} + +#context_reopenInContainer, +#context-openlinkinusercontext-menu, +#placesContext_open\:newcontainertab, +#syncedTabsOpenSelectedInContainerTab { + background-image: url('data:image/svg+xml,'); +} + +#context_closeTab, +menuitem[data-l10n-id="sidebar-menu-close"], +menuitem.customize-context-removeFromToolbar { + background-image: url("chrome://global/skin/icons/close.svg"); +} + +#context_undoCloseTab, +#toolbar-context-undoCloseTab, +menuitem[data-l10n-id="text-action-undo"] { + background-image: url("chrome://global/skin/icons/undo.svg"); +} + +menuitem.sendtab-target[clientType="desktop"] { + background-image: url("chrome://browser/skin/device-desktop.svg"); +} + +menuitem.sendtab-target[clientType="phone"] { + background-image: url("chrome://browser/skin/device-phone.svg"); +} + +menuitem.sendtab-target[clientType="tablet"] { + background-image: url("chrome://browser/skin/device-tablet.svg"); +} + +menuitem.sendtab-target[clientType="tv"] { + background-image: url("chrome://browser/skin/device-tv.svg"); +} + +menuitem.sendtab-target[clientType="vr"] { + background-image: url("chrome://browser/skin/device-vr.svg"); +} + +#sidebar-switcher-bookmarks, +#menu_bookmarkThisPage[data-l10n-id="menu-edit-bookmark"] { + background-image: url("chrome://browser/skin/bookmark.svg"); +} + +#sidebar-switcher-history { + background-image: url("chrome://browser/skin/history.svg"); +} + +#sidebar-switcher-tabs, +#sync-tabs-menuitem { + background-image: url("chrome://browser/skin/synced-tabs.svg"); +} + +#sidebar-reverse-position { + background-image: url("chrome://browser/skin/sidebars-right.svg"); +} + +#sidebar-reverse-position[label="Move Sidebar to Left"], +#viewSidebarMenuMenu, +#BMB_viewBookmarksSidebar { + background-image: url("chrome://browser/skin/sidebars.svg"); +} + +menuitem.customize-context-removeExtension, +menuitem[data-l10n-id="text-action-delete"], +#placesContext_deleteBookmark, +#placesContext_deleteFolder, +#placesContext_delete_history, +menuitem.unified-extensions-context-menu-remove-extension { + background-image: url("chrome://global/skin/icons/delete.svg"); +} + +menuitem.customize-context-reportExtension, +menuitem.unified-extensions-context-menu-report-extension { + background-image: url("chrome://global/skin/icons/warning.svg"); +} + +#toggle_PersonalToolbar { + background-image: url("chrome://browser/skin/bookmarks-toolbar.svg"); +} + +menuitem.viewCustomizeToolbar, +#menu_customizeToolbars { + background-image: url("chrome://browser/skin/customize.svg"); +} + +menuitem[data-l10n-id="full-screen-exit"] { + background-image: url("chrome://browser/skin/fullscreen-exit.svg"); +} + +#context-openlinkintab, +#context-openframeintab, +#placesContext_open\:newtab, +#syncedTabsOpenSelectedInTab, +#historyUndoMenu { + background-image: url("chrome://devtools/skin/images/debugging-tabs.svg"); +} + +#context-openlink, +#context-openframe, +#placesContext_open\:newwindow, +#syncedTabsOpenSelectedInWindow, +#menu_newNavigator, +#historyUndoWindowMenu { + background-image: url("chrome://browser/skin/window.svg"); +} + +#context-openlinkprivate, +#placesContext_open\:newprivatewindow, +#syncedTabsOpenSelectedInPrivateWindow, +#menu_newPrivateWindow { + background-image: url("chrome://browser/skin/privateBrowsing.svg"); +} + +#context-savelinktopocket, +#context-pocket { + background-image: url("chrome://global/skin/icons/pocket-outline.svg"); +} + +#context-copylink { + background-image: url("chrome://global/skin/icons/link.svg"); +} + +#context-media-play { + background-image: url("chrome://global/skin/media/play-fill.svg"); +} + +#context-media-pause { + background-image: url("chrome://global/skin/media/pause-fill.svg"); +} + +#context-leave-dom-fullscreen { + background-image: url("chrome://global/skin/media/fullscreenExitButton.svg"); +} + +#context-video-fullscreen { + background-image: url("chrome://global/skin/media/fullscreenEnterButton.svg"); +} + +#context-video-saveimage { + background-image: url("chrome://devtools/skin/images/command-screenshot.svg"); +} + +#context-sendimage, +#context-sendvideo, +#menu_sendLink { + background-image: url("chrome://browser/skin/mail.svg"); +} + +#context-savepage, +#menu_savePage { + background-image: url("chrome://browser/skin/save.svg"); +} + +menuitem[data-l10n-id="text-action-cut"] { + background-image: url("chrome://browser/skin/edit-cut.svg"); +} + +menuitem[data-l10n-id="text-action-copy"], +#syncedTabsCopySelected { + background-image: url("chrome://global/skin/icons/edit-copy.svg"); +} + +menuitem[data-l10n-id="text-action-paste"] { + background-image: url("chrome://browser/skin/edit-paste.svg"); +} + +#context-print-selection, +#context-printframe, +#menu_print { + background-image: url("chrome://global/skin/icons/print.svg"); +} + +#context-take-screenshot, +#context-take-frame-screenshot { + background-image: url("chrome://browser/skin/screenshot.svg"); +} + +#context-searchselect, +#menu_find, +#menu_searchHistory, +#menu_searchBookmarks, +#BMB_searchBookmarks { + background-image: url("chrome://global/skin/icons/search-glass.svg"); +} + +#context-searchselect[label^="Search Google for "] { + background-image: url("chrome://activity-stream/content/data/content/tippytop/favicons/google-com.ico"); +} + +#context-searchselect[label^="Search Bing for "] { + background-image: url("chrome://activity-stream/content/data/content/tippytop/favicons/bing-com.ico"); +} + +#context-searchselect[label^="Search DuckDuckGo for "] { + background-image: url("chrome://activity-stream/content/data/content/tippytop/favicons/duckduckgo-com.ico"); +} + +#context-inspect-a11y { + background-image: url("chrome://devtools/skin/images/tool-accessibility.svg"); +} + +#context-inspect { + background-image: url("resource://devtools-shared-images/command-pick.svg"); +} + +#context-viewframeinfo, +#menu_pageInfo { + background-image: url("chrome://global/skin/icons/info.svg"); +} + +#placesContext_show_bookmark\:info, +#placesContext_show_folder\:info { + background-image: url("chrome://global/skin/icons/edit.svg"); +} + +#placesContext_deleteHost, +#sanitizeItem { + background-image: url("chrome://browser/skin/forget.svg"); +} + +#syncedTabsRefresh, +#sync-syncnowitem { + background-image: url("chrome://browser/skin/sync.svg"); +} + +#menu_newUserContext { + background-image: url('data:image/svg+xml,'); +} + +#menu_openFile { + background-image: url("chrome://browser/skin/open.svg"); +} + +#menu_importFromAnotherBrowser { + background-image: url("chrome://browser/skin/import.svg"); +} + +#menu_FileQuitItem { + background-image: url('data:image/svg+xml,'); +} + +#repair-text-encoding { + background-image: url("chrome://browser/skin/characterEncoding.svg"); +} + +#historyRestoreLastSession { + background-image: url('data:image/svg+xml,'); +} + +#menu_openDownloads { + background-image: url("chrome://browser/skin/downloads/downloads.svg"); +} + +#menu_openAddons { + background-image: url("chrome://mozapps/skin/extensions/extension.svg"); +} + +#sync-setup { + background-image: var(--avatar-image-url); +} + +#menu_openFirefoxView { + background-image: url("chrome://browser/skin/firefox-view.svg"); +} + +#browserToolsMenu { + background-image: url("chrome://global/skin/icons/developer.svg"); +} + +#menu_preferences { + background-image: url("chrome://global/skin/icons/settings.svg"); +} + +#menu_taskManager { + background-image: url("chrome://global/skin/icons/performance.svg"); +} + +#menu_browserToolbox { + background-image: url("chrome://devtools/skin/images/fox-smiling.svg"); +} + +#menu_eyedropper { + background-image: url("chrome://devtools/skin/images/command-eyedropper.svg"); +} + +#menu_openHelp { + background-image: url("chrome://global/skin/icons/help.svg"); +} + +#menu_HelpPopup_reportPhishingtoolmenu { + background-image: url("chrome://global/skin/icons/lightbulb.svg"); +} + +#aboutName { + background-image: url("chrome://devtools/skin/images/browsers/firefox.svg"); +} diff --git a/chrome/menu/appmenu.css b/chrome/menu/appmenu.css index c858574..9e1ba4a 100644 --- a/chrome/menu/appmenu.css +++ b/chrome/menu/appmenu.css @@ -9,6 +9,7 @@ -moz-context-properties: fill; margin-inline: 0 8px !important; } + #appMenu-zoom-controls::before, #appMenu-fxa-status2[fxastatus] > toolbarbutton::before { display: flex; @@ -16,60 +17,6 @@ width: 14px; height: 14px; } -#appMenu-new-tab-button2 { - list-style-image: url("chrome://browser/skin/new-tab.svg"); -} -#appMenu-new-window-button2 { - list-style-image: url("chrome://browser/skin/window.svg"); -} -#appMenu-new-private-window-button2 { - list-style-image: url("chrome://browser/skin/privateBrowsing.svg"); -} -#appMenu-bookmarks-button { - list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg"); -} -#appMenu-history-button { - list-style-image: url("chrome://browser/skin/history.svg"); -} -#appMenu-downloads-button { - list-style-image: url("chrome://browser/skin/downloads/downloads.svg"); -} -#appMenu-passwords-button { - list-style-image: url("chrome://browser/skin/login.svg"); -} -#appMenu-extensions-themes-button { - list-style-image: url("chrome://mozapps/skin/extensions/extension.svg"); -} -#appMenu-print-button2 { - list-style-image: url("chrome://global/skin/icons/print.svg"); -} -#appMenu-save-file-button2 { - list-style-image: url("chrome://browser/skin/save.svg"); -} -#appMenu-find-button2 { - list-style-image: url("chrome://global/skin/icons/search-glass.svg"); -} -#appMenu-settings-button { - list-style-image: url("chrome://global/skin/icons/settings.svg"); -} -#appMenu-more-button2 { - list-style-image: url("chrome://global/skin/icons/developer.svg"); -} -#appMenu-report-broken-site-button { - list-style-image: url("chrome://global/skin/icons/warning.svg"); -} -#appMenu-help-button2 { - list-style-image: url("chrome://global/skin/icons/info.svg"); -} -#appMenu-quit-button2 { - list-style-image: url("chrome://devtools/skin/images/search-clear.svg"); -} -#appMenu-translate-button { - list-style-image: url("chrome://browser/skin/translations.svg"); -} -#appMenu-zoom-controls::before { - background-image: url("chrome://browser/skin/fullscreen.svg"); -} /* Use account-button icon for signed in sync item */ #appMenu-fxa-status2[fxastatus] > toolbarbutton::before { diff --git a/readme.md b/readme.md index c3d6f13..b0c371d 100644 --- a/readme.md +++ b/readme.md @@ -54,6 +54,7 @@ My tailor-fitted, highly customized, and advanced [Firefox](https://www.mozilla. - Userscripts - Userstyles - Custom theme +- Icons in menus (appmenu, context menu, main menu, etc.) - Various performance and privacy tweaks - JPEG XL (JXL) enabled by default