From 1c04be3ef40bc5287868257cce2136210da47604 Mon Sep 17 00:00:00 2001 From: PROxZIMA Date: Sat, 12 Nov 2022 01:01:15 +0530 Subject: [PATCH] Add: Menu icon support --- README.md | 13 +- css/icons.css | 676 +++++++++++++++++++++++++++++++++++++ css/popups.css | 127 ++++++- icons/actual-zoom.svg | 4 + icons/all-history.svg | 4 + icons/back.svg | 6 +- icons/bookmark-default.svg | 4 + icons/bookmark-manage.svg | 4 + icons/checked.svg | 5 +- icons/checked.svg.bak | 6 + icons/close-tab-option.svg | 6 + icons/close.svg | 6 +- icons/desktop-bg.svg | 4 + icons/duplicate-tab.svg | 5 + icons/home.svg | 7 +- icons/ideas.svg | 4 + icons/move-container.svg | 7 + icons/move-end.svg | 4 + icons/move-start.svg | 4 + icons/move-tab.svg | 6 + icons/new-container.svg | 7 + icons/page-source.svg | 4 + icons/quit.svg | 4 + icons/radio-checked.svg | 4 + icons/radio-unchecked.svg | 4 + icons/redo.svg | 4 + icons/reload.svg | 6 +- icons/remote-debug.svg | 4 + icons/restore-session.svg | 4 + icons/search.svg | 6 +- icons/select-all.svg | 4 + icons/send-tab.svg | 6 + icons/share-tab.svg | 6 + icons/signout.svg | 4 + icons/terminal.svg | 4 + icons/toolbox.svg | 4 + icons/unchecked.svg | 5 +- icons/unchecked.svg.bak | 5 + icons/userScriptsMenu.svg | 4 + icons/zoom-in.svg | 4 + icons/zoom-out.svg | 4 + userChrome.css | 1 + 42 files changed, 965 insertions(+), 35 deletions(-) create mode 100644 css/icons.css create mode 100644 icons/actual-zoom.svg create mode 100644 icons/all-history.svg create mode 100644 icons/bookmark-default.svg create mode 100644 icons/bookmark-manage.svg create mode 100644 icons/checked.svg.bak create mode 100644 icons/close-tab-option.svg create mode 100644 icons/desktop-bg.svg create mode 100644 icons/duplicate-tab.svg create mode 100644 icons/ideas.svg create mode 100644 icons/move-container.svg create mode 100644 icons/move-end.svg create mode 100644 icons/move-start.svg create mode 100644 icons/move-tab.svg create mode 100644 icons/new-container.svg create mode 100644 icons/page-source.svg create mode 100644 icons/quit.svg create mode 100644 icons/radio-checked.svg create mode 100644 icons/radio-unchecked.svg create mode 100644 icons/redo.svg create mode 100644 icons/remote-debug.svg create mode 100644 icons/restore-session.svg create mode 100644 icons/select-all.svg create mode 100644 icons/send-tab.svg create mode 100644 icons/share-tab.svg create mode 100644 icons/signout.svg create mode 100644 icons/terminal.svg create mode 100644 icons/toolbox.svg create mode 100644 icons/unchecked.svg.bak create mode 100644 icons/userScriptsMenu.svg create mode 100644 icons/zoom-in.svg create mode 100644 icons/zoom-out.svg diff --git a/README.md b/README.md index 34c5513..4af35f1 100644 --- a/README.md +++ b/README.md @@ -31,6 +31,7 @@ ├──  css │ ├──  findbar.css │ ├──  floatingToolbox.css +│ ├──  icons.css │ ├──  library.css │ ├──  myChanges.css │ ├──  overflowMenu.css @@ -259,17 +260,19 @@ Custom startup-script (aka [`mozilla.cfg`](./programs/mozilla.cfg) here) is load 3) You can change `--tab-radius` and `--tab-border-width` to increase/decrease tab border radius and width respectively to match `normal` and `touch` density. -4) You can disable any of the `script/*.uc.js` from `Toolbar Menu > Tools > userscripts > script`. Restart ***twice***, every time you enable/disable the script. Following are the `about:config` option to configure scrollbars, toolbox. +4) Hide menu icons by commenting [Line 9](https://github.com/PROxZIMA/Sweet-Pop/blob/master/userChrome.css#L9) in [`userChrome.css`](./userChrome.css). + +5) You can disable any of the `script/*.uc.js` from `Toolbar Menu > Tools > userscripts > script`. Restart ***twice***, every time you enable/disable the script. Following are the `about:config` option to configure scrollbars, toolbox. - `Floating scrollbars` -> `userChromeJS.floatingScrollbar.enabled`. - `Floating toolbox` -> `userChromeJS.floatingToolbox.enabled`. -5) You can also edit `hideScrollbar.uc.js` to customize the scrollbars according to your taste +6) You can also edit `hideScrollbar.uc.js` to customize the scrollbars according to your taste -6) For adding your own customizations make changes in `myChanges.css` file under `css` folder. +7) For adding your own customizations make changes in `myChanges.css` file under `css` folder. -7) If something breaks on your system then please raise a issue +8) If something breaks on your system then please raise a issue -8) [@ArataKamikaze](https://github.com/ArataKamikaze) mentioned in [#5](https://github.com/PROxZIMA/Sweet-Pop/issues/5) that [Firefox Color](https://addons.mozilla.org/en-US/firefox/addon/firefox-color) breaks/overwrite existing theme so disable the extension if you face similar issue. +9) [@ArataKamikaze](https://github.com/ArataKamikaze) mentioned in [#5](https://github.com/PROxZIMA/Sweet-Pop/issues/5) that [Firefox Color](https://addons.mozilla.org/en-US/firefox/addon/firefox-color) breaks/overwrite existing theme so disable the extension if you face similar issue. ## Credits - I started with this amazing material theme : [MaterialFox](https://github.com/muckSponge/MaterialFox) by [muckSponge](https://github.com/muckSponge) diff --git a/css/icons.css b/css/icons.css new file mode 100644 index 0000000..ed963fe --- /dev/null +++ b/css/icons.css @@ -0,0 +1,676 @@ +menupopup:not(.in-menulist) > menu:not(.menu-iconic), +menupopup:not(.in-menulist, [aria-label]) > menuitem:not(.menuitem-iconic, [type="checkbox"], [type="radio"]) { + padding-inline-start: calc(2em + 16px) !important; +} + +.subviewbutton .toolbarbutton-icon { + display: -moz-inline-box !important; +} + +#PanelUI-fxa-menu-setup-sync-button { + list-style-image: url("chrome://browser/skin/sync.svg"); +} + +#PanelUI-fxa-menu-sendtab-button { + list-style-image: url(../icons/send-tab.svg); +} + +.subviewbutton[data-l10n-id$="-settings"] { + list-style-image: url("chrome://global/skin/icons/settings.svg"); +} + +#PanelUI-fxa-menu-account-signout-button { + list-style-image: url(../icons/signout.svg); +} + +#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"); +} + +.subviewbutton[data-l10n-id="library-bookmarks-menu"], +#panelMenuBookmarkThisPage[starred], +#sidebar-switcher-bookmarks { + list-style-image: url("chrome://browser/skin/bookmark.svg"); +} + +#panelMenuBookmarkThisPage { + list-style-image: url("chrome://browser/skin/bookmark-hollow.svg"); +} + +#panelMenu_searchBookmarks, +#appMenu-find-button2, +#allTabsMenu-searchTabs { + list-style-image: url("chrome://global/skin/icons/search-glass.svg"); +} + +#panelMenu_viewBookmarksToolbar { + list-style-image: url("chrome://browser/skin/bookmarks-toolbar.svg"); +} + +.subviewbutton[id$="-history-button"], +#sidebar-switcher-history { + list-style-image: url("chrome://browser/skin/history.svg"); +} + +#appMenuRecentlyClosedTabs { + list-style-image: url("chrome://devtools/skin/images/debugging-tabs.svg"); +} + +#appMenuRestoreSession { + list-style-image: url(../icons/restore-session.svg); +} + +#appMenuClearRecentHistory { + list-style-image: url("chrome://browser/skin/forget.svg"); +} + +.subviewbutton[id$="-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"); +} + +.subviewbutton[command="cmd_CustomizeToolbars"] { + list-style-image: url("chrome://browser/skin/customize.svg"); +} + +.subviewbutton[oncommand="switchToTabHavingURI('about:performance', true)"] { + 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"]:not([checked="true"]) { + list-style-image: url("chrome://devtools/skin/images/command-responsivemode.svg"); + fill-opacity: 0; +} + +.subviewbutton[key="key_responsiveDesignMode"]:not([checked="true"]) > .menu-iconic-left::before { + opacity: 0 !important; +} + +.subviewbutton[key="key_responsiveDesignMode"] + .subviewbutton { + list-style-image: url("chrome://devtools/skin/images/command-eyedropper.svg"); +} + +.subviewbutton[data-l10n-id="appmenu-developer-tools-extensions"] { + list-style-image: url("chrome://activity-stream/content/data/content/assets/glyph-webextension-16.svg"); +} + +#appMenu-help-button2 { + list-style-image: url("chrome://global/skin/icons/help.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"); +} + +#appMenu-quit-button2 { + list-style-image: url(../icons/quit.svg); +} + +#allTabsMenu-containerTabsButton { + list-style-image: url(../icons/new-container.svg); +} + +#sidebar-switcher-tabs { + list-style-image: url("chrome://browser/skin/tab.svg"); +} + +#sidebar-reverse-position[label="Move Sidebar to Right"] { + list-style-image: url("chrome://browser/skin/sidebars-right.svg"); +} + +#sidebar-reverse-position[label="Move Sidebar to Left"] { + list-style-image: url("chrome://browser/skin/sidebars.svg"); +} + +.subviewbutton[data-l10n-id="sidebar-menu-close"] { + list-style-image: url("chrome://global/skin/icons/close.svg"); +} + +#BMB_bookmarksPopup menuitem:not(.menuitem-iconic), +#PlacesToolbar .openintabs-menuitem { + padding-inline-start: 32px !important; + background-position-x: 8px; +} + +#menu_newNavigatorTab, +menuitem[id$="openANewTab"] { + background-image: url("chrome://browser/skin/new-tab.svg"); +} + +#menu_newUserContext { + background-image: url(../icons/new-container.svg); +} + +#menu_newNavigator, +#historyUndoWindowMenu, +menuitem[data-l10n-id*="-open-"][data-l10n-id$="-window"] { + background-image: url("chrome://browser/skin/window.svg"); +} + +menuitem[data-l10n-id$="-private-window"] { + background-image: url("chrome://browser/skin/privateBrowsing.svg") !important; +} + +#menu_openFile { + background-image: url("chrome://browser/skin/open.svg"); +} + +#menu_savePage, +#context-savepage { + background-image: url("chrome://browser/skin/save.svg"); +} + +menuitem[data-l10n-id*="-email"] { + background-image: url("chrome://browser/skin/mail.svg"); +} + +menuitem[data-l10n-id*="-print"] { + background-image: url("chrome://global/skin/icons/print.svg"); +} + +#menu_importFromAnotherBrowser, +#browserImport { + background-image: url("chrome://browser/skin/import.svg"); +} + +#menu_FileQuitItem { + background-image: url(../icons/quit.svg); +} + +menuitem[data-l10n-id="text-action-undo"], +menuitem[data-l10n-id$="-reopen-closed-tabs"] { + background-image: url("chrome://global/skin/icons/undo.svg"); +} + +menuitem[data-l10n-id="text-action-redo"] { + background-image: url(../icons/redo.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"); +} + +menuitem[data-l10n-id="text-action-delete"], +.customize-context-removeExtension, +menuitem[data-l10n-id="toolbar-context-menu-remove-from-toolbar"], +.downloadRemoveFromHistoryMenuItem, +menuitem[id^="placesContext_delete"] { + background-image: url("chrome://global/skin/icons/delete.svg"); +} + +#menu_find, +#context-searchselect { + background-image: url("chrome://global/skin/icons/search-glass.svg"); +} + +#toggle_PersonalToolbar, +#BMB_viewBookmarksToolbar { + background-image: url("chrome://browser/skin/bookmarks-toolbar.svg"); +} + +menuitem[data-l10n-id*="-customize-toolbar"] { + background-image: url("chrome://browser/skin/customize.svg"); +} + +#viewSidebarMenuMenu, +#BMB_viewBookmarksSidebar { + background-image: url("chrome://browser/skin/sidebars.svg"); +} + +#menu_bookmarksSidebar:not([checked="true"]), +menuitem[data-l10n-id="menu-bookmark-edit"] { + background-image: url("chrome://browser/skin/bookmark.svg") !important; +} + +#menu_bookmarksSidebar:not([checked="true"]) > .menu-iconic-left::before { + opacity: 0 !important; +} + +#menu_historySidebar:not([checked="true"]) { + background-image: url("chrome://browser/skin/history.svg"); +} + +#menu_historySidebar:not([checked="true"]) > .menu-iconic-left::before { + opacity: 0 !important; +} + +#menu_tabsSidebar:not([checked="true"]), +#sync-tabs-menuitem { + background-image: url("chrome://browser/skin/tab.svg"); +} + +#menu_tabsSidebar:not([checked="true"]) > .menu-iconic-left::before { + opacity: 0 !important; +} + +#menu_zoomEnlarge { + background-image: url("chrome://browser/skin/add-circle-fill.svg"); +} + +#menu_zoomReduce { + background-image: url("chrome://browser/skin/subtract-circle-fill.svg"); +} + +#repair-text-encoding { + background-image: url("chrome://browser/skin/characterEncoding.svg"); +} + +#fullScreenItem:not([checked="true"]) { + background-image: url("chrome://browser/skin/fullscreen.svg"); +} + +#fullScreenItem:not([checked="true"]) > .menu-iconic-left::before { + opacity: 0 !important; +} + +#menu_readerModeItem { + background-image: url("chrome://browser/skin/reader-mode.svg"); +} + +#sanitizeItem, +#placesContext_deleteHost { + background-image: url("chrome://browser/skin/forget.svg"); +} + +#historyRestoreLastSession { + background-image: url(../icons/restore-session.svg); +} + +#historyUndoMenu { + background-image: url("chrome://devtools/skin/images/debugging-tabs.svg"); +} + +menuitem[data-l10n-id*="bookmark-"]:not(.menuitem-iconic), +#context-bookmarkframe, +#placesContext_createBookmark { + background-image: url("chrome://browser/skin/bookmark-hollow.svg"); +} + +#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); +} + +menuitem[data-l10n-id$="-sync-now"] { + background-image: url("chrome://browser/skin/sync.svg"); +} + +#webDeveloperMenu { + background-image: url("chrome://browser/skin/developer.svg"); +} + +.subviewbutton[label="Task Manager"] { + list-style-image: url("chrome://global/skin/icons/performance.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_responsiveUI:not([checked="true"]) { + background-image: url("chrome://devtools/skin/images/command-responsivemode.svg"); + fill-opacity: 0; +} + +#menu_responsiveUI:not([checked="true"]) > .menu-iconic-left::before { + opacity: 0 !important; +} + +#menu_eyedropper:not([checked="true"]) { + background-image: url("chrome://devtools/skin/images/command-eyedropper.svg"); + fill-opacity: 0; +} + +#menu_eyedropper:not([checked="true"]) > .menu-iconic-left::before { + opacity: 0 !important; +} + +#extensionsForDevelopers { + background-image: url("chrome://activity-stream/content/data/content/assets/glyph-webextension-16.svg"); +} + +#menu_pageInfo, +#context-viewframeinfo { + background-image: url("chrome://global/skin/icons/info.svg"); +} + +#menu_preferences, +#openSettingsMenuItem { + background-image: url("chrome://global/skin/icons/settings.svg"); +} + +#menu_HelpPopup_reportPhishingtoolmenu { + background-image: url("chrome://global/skin/icons/lightbulb.svg"); +} + +#aboutName { + background-image: url("chrome://devtools/skin/images/browsers/firefox.svg"); +} + +menuitem[data-l10n-id*="reload-"], +#context-reloadframe { + background-image: url("chrome://global/skin/icons/reload.svg"); +} + +menuitem[id^="context_toggleMute"]:not([soundplaying], [muted]), +menuitem[id^="context_toggleMute"][soundplaying]:not([muted]), +#context-media-mute { + background-image: url("chrome://global/skin/media/audio-muted.svg"); +} + +menuitem[id^="context_toggleMute"][muted], +#context-media-unmute { + background-image: url("chrome://global/skin/media/audio.svg"); +} + +menuitem[data-l10n-id^="pin-"], +.customize-context-moveToPanel { + background-image: url("chrome://activity-stream/content/data/content/assets/glyph-pin-16.svg"); +} + +menuitem[data-l10n-id^="unpin-"], +.customize-context-moveToToolbar { + background-image: url("chrome://activity-stream/content/data/content/assets/glyph-unpin-16.svg"); +} + +menuitem[id^="context_duplicateTab"] { + background-image: url(../icons/duplicate-tab.svg); +} + +#context_moveTabOptions { + background-image: url(../icons/move-tab.svg); +} + +menu.sync-ui-item { + background-image: url(../icons/send-tab.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"); +} + +.share-tab-url-item { + background-image: url(../icons/share-tab.svg); +} + +#context-setDesktopBackground { + background-image: url(../icons/desktop-bg.svg); +} + +#context_reopenInContainer, +#context-openlinkinusercontext-menu { + background-image: url(../icons/move-container.svg); +} + +#context_closeTab, +#orgClose { + background-image: url("chrome://global/skin/icons/close.svg"); +} + +#menu_selectAll, +#context-selectall, +#context_selectAllTabs { + background-image: url(../icons/select-all.svg); +} + +#context-viewsource, +#context-viewpartialsource-selection { + background-image: url(../icons/page-source.svg); +} + +#context_closeTabOptions { + background-image: url(../icons/close-tab-option.svg); +} + +#context_moveToStart { + background-image: url(../icons/move-start.svg); +} + +#context_moveToEnd { + background-image: url(../icons/move-end.svg); +} + +#context_openTabInWindow { + background-image: url("chrome://browser/skin/window.svg"); +} + + +menuitem[data-l10n-id="full-screen-exit"] { + background-image: url("chrome://browser/skin/fullscreen-exit.svg"); +} + +#paste-and-go { + background-image: url("chrome://browser/skin/forward.svg"); +} + +.customize-context-reportExtension { + background-image: url("chrome://global/skin/icons/warning.svg"); +} + +.downloadShowMenuItem { + background-image: url("chrome://global/skin/icons/folder.svg"); +} + +menuitem[id^="context-open"]:is([id$="intab"], [id$="incontainertab"]), +menuitem[data-l10n-id$="-view-new-tab"], +menuitem[data-l10n-id*="-open-in-"][data-l10n-id$="-tab"] { + background-image: url("chrome://global/skin/icons/open-in-new.svg"); +} + +menuitem[oncommand^="Pocket.savePage"] { + background-image: url("chrome://browser/skin/pocket-outline.svg"); +} + +menuitem[data-l10n-id$="-screenshot"] { + background-image: url("chrome://browser/skin/screenshot.svg"); +} + +menuitem[data-l10n-id*="-copy-"][data-l10n-id*="-link"] { + background-image: url("chrome://global/skin/icons/link.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("chrome://devtools/content/shared/images/command-pick.svg"); +} + +#context-media-play { + background-image: url("chrome://global/skin/media/play-fill.svg"); +} + +#context-media-pause, +#doNotDisturbMenuItem { + background-image: url("chrome://global/skin/media/pause-fill.svg"); +} + +#context-video-fullscreen { + background-image: url("chrome://global/skin/media/fullscreenEnterButton.svg"); +} + +#context-leave-dom-fullscreen { + background-image: url("chrome://global/skin/media/fullscreenExitButton.svg"); +} + +#context-video-pictureinpicture:not([checked="true"]) { + background-image: url("chrome://global/skin/media/picture-in-picture-open.svg"); +} + +#context-video-pictureinpicture:not([checked="true"]) > .menu-iconic-left::before { + opacity: 0 !important; +} + +#context-video-saveimage { + background-image: url("chrome://devtools/skin/images/command-screenshot.svg"); +} + +#disableForOriginMenuItem { + background-image: url("chrome://browser/skin/notification-icons/desktop-notification-blocked.svg"); +} + +menuitem[data-l10n-id^="places-edit-"] { + background-image: url("chrome://global/skin/icons/edit.svg"); +} + +#context-savelink { + background-image: url("chrome://browser/skin/save.svg"); +} + +#context-saveimage { + background-image: url("chrome://browser/skin/save.svg"); +} + +#context-copyimage-contents { + background-image: url("chrome://devtools/skin/images/copy.svg"); +} + +#appMenu_menu_openHelp { + list-style-image: url("chrome://devtools/content/debugger/images/help.svg"); +} + +#menu_openHelp { + background-image: url("chrome://devtools/content/debugger/images/help.svg"); +} + +#appMenu_feedbackPage { + list-style-image: url(../icons/ideas.svg); +} + +#feedbackPage { + background-image: url(../icons/ideas.svg); +} + +#userScriptsMenu { + background-image: url(../icons/userScriptsMenu.svg); +} + +.subviewbutton[label="Remote Debugging"] { + list-style-image: url(../icons/remote-debug.svg); +} + +#menu_devtools_remotedebugging { + background-image: url(../icons/remote-debug.svg); +} + + +.subviewbutton[key="key_browserConsole"] { + list-style-image: url(../icons/terminal.svg); +} + +#menu_browserConsole { + background-image: url(../icons/terminal.svg); +} + +.subviewbutton[label="Browser Content Toolbox"] { + list-style-image: url(../icons/toolbox.svg); +} + +#menu_browserContentToolbox { + background-image: url(../icons/toolbox.svg); +} + +#panelMenu_showAllBookmarks { + list-style-image: url(../icons/bookmark-manage.svg); +} + +#bookmarksShowAll { + background-image: url(../icons/bookmark-manage.svg); +} + +#menu_showAllHistory { + background-image: url(../icons/all-history.svg); +} + +#menu_zoomEnlarge { + background-image: url(../icons/zoom-in.svg); +} + +#menu_zoomReduce { + background-image: url(../icons/zoom-out.svg); +} + +#menu_zoomReset { + background-image: url(../icons/actual-zoom.svg); +} diff --git a/css/popups.css b/css/popups.css index 5095dc7..5f4e6d6 100644 --- a/css/popups.css +++ b/css/popups.css @@ -9,7 +9,7 @@ menupopup, panel[type="autocomplete-richlistbox"] { --panel-padding: 0px !important; -moz-window-shadow: none !important; - background: 0 !important; + /* background: 0 !important; */ border: 0 !important; color: var(--text-color1) !important; box-sizing: content-box !important; @@ -28,11 +28,17 @@ menupopup { margin-top: -12px !important; } -menuitem[type="checkbox"] > .menu-iconic-left > .menu-iconic-icon, -menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon, -menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon { +menuitem[type="checkbox"] > .menu-iconic-left, +menuitem[type="radio"] > .menu-iconic-left { display: -moz-box !important; - padding: 3px !important; + padding-inline-end: 1em !important; + margin-inline-end: 0px !important; +} + +menuitem:not([type="checkbox"], [type="radio"]) > .menu-iconic-left { + display: -moz-box !important; + padding-inline-end: 0px !important; + margin-inline-end: 0px !important; } menupopup menuseparator { @@ -50,17 +56,83 @@ menupopup menu, padding: 0 4px !important; margin: 0 4px !important; border: 0 !important; - background: 0 !important; + /* background: 0 !important; */ color: inherit !important; fill-opacity: initial !important; border-radius: 6px !important; transition: background-color 100ms !important; } +#bookmarkpropertiesdialog menuitem, .sidebar-panel menuitem { height: var(--sidebar-menupopup-height) !important; } + +menupopup:not(.in-menulist) > menu:not(.menu-iconic), +menupopup:not(.in-menulist, [aria-label]) > menuitem:not(.menuitem-iconic) { + padding-inline-start: 1em !important; + background-position: left 1em center; + background-repeat: no-repeat; + background-size: 16px; + -moz-context-properties: fill, fill-opacity; + fill: currentColor; +} + +/* , [type="checkbox"] */ +menu:not([type="checkbox"], [type="radio"]) > .menu-iconic-left, +menuitem:not([type="checkbox"], [type="radio"]) > .menu-iconic-left { + margin-inline: calc(1em - 4px) !important; +} + +.subviewbutton:not([checked="true"], [targetURI]) > .toolbarbutton-icon { + width: 16px; + height: 16px; + margin-inline-end: 8px !important; + -moz-context-properties: fill, fill-opacity; + fill: currentColor; +} + +#appMenu-zoom-controls2 > label, +#fxa-manage-account-button > vbox > label { + margin-inline-start: 24px !important; +} + +.PanelUI-remotetabs-notabsforclient-label { + margin-inline-start: 40px !important; +} + +.widget-overflow-list .toolbarbutton-1:not(.toolbarbutton-combined) > .toolbarbutton-text { + padding-inline-start: 8px !important; +} + +#appMenu-fxa-label2::before, +#fxa-manage-account-button::after { + content: ""; + display: -moz-box; + 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: 32px; + height: 32px; +} + +.syncNowBtn { + visibility: visible !important; + -moz-box-ordinal-group: 0 !important; + margin-inline-end: 8px; +} + menupopup menuitem:hover:not([disabled=true]), menupopup menu:hover:not([disabled=true]), .autocomplete-richlistitem:hover:not([disabled=true]):not([selected=true]) { @@ -114,22 +186,41 @@ scrollbox[orient=vertical] { background-color: transparent !important; } -menuitem[type="checkbox"][checked="true"] .menu-iconic-left::before { +menuitem[type="radio"]:not([checked="true"]) > .menu-iconic-text, +menuitem[type="checkbox"]:not([checked="true"]) > .menu-iconic-text { + opacity: .5 !important; +} + + +menuitem[type="radio"][checked="true"] > .menu-iconic-left::before, +menuitem[type="radio"]:not([checked="true"]) > .menu-iconic-left::before, +menuitem[type="checkbox"][checked="true"] > .menu-iconic-left::before, +menuitem[type="checkbox"]:not([checked="true"]) > .menu-iconic-left::before { content: ''; margin: auto; display: inline-block; - background-image: url(../icons/checked.svg); width: 16px; height: 16px; } -menuitem[type="checkbox"]:not([checked="true"]) .menu-iconic-left::before { - content: ''; - margin: auto; - display: inline-block; +menuitem[type="radio"][checked="true"] > .menu-iconic-left::before { + background-image: url(../icons/radio-checked.svg); +} + +menuitem[type="radio"]:not([checked="true"]) > .menu-iconic-left::before { + background-image: url(../icons/radio-unchecked.svg); +} + +menuitem[type="checkbox"][checked="true"] > .menu-iconic-left::before { + background-image: url(../icons/checked.svg); +} + +menuitem[type="checkbox"]:not([checked="true"]) > .menu-iconic-left::before { background-image: url(../icons/unchecked.svg); - width: 16px; - height: 16px; +} + +.bookmark-item { + list-style-image: url(../icons/bookmark-default.svg) !important; } /* hide icon if no image (default on macOS but not Windows) */ @@ -137,6 +228,7 @@ menuitem[type="checkbox"]:not([checked="true"]) .menu-iconic-left::before { display: none; } +menuitem[type="radio"] .menu-iconic-icon, menuitem[type="checkbox"] .menu-iconic-icon { max-width: 0px !important; } @@ -147,9 +239,10 @@ menuitem[type="checkbox"] .menu-iconic-icon { } -.menu-text { +menu .menu-text, +menuitem .menu-text { -moz-appearance: none !important; - padding-inline-start: 1.45em !important; + padding-inline-start: 0em !important; margin-inline-start: 0px !important; } @@ -319,7 +412,7 @@ panelview .toolbarbutton-1, .widget-overflow-list .toolbarbutton-1, .panel-banner-item { min-height: var(--subview-height) !important; - padding: 0 8px !important; + padding: 0 4px !important; } panelview { diff --git a/icons/actual-zoom.svg b/icons/actual-zoom.svg new file mode 100644 index 0000000..64a1964 --- /dev/null +++ b/icons/actual-zoom.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/all-history.svg b/icons/all-history.svg new file mode 100644 index 0000000..c1ee4ba --- /dev/null +++ b/icons/all-history.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/back.svg b/icons/back.svg index 159eec8..5c46a6e 100644 --- a/icons/back.svg +++ b/icons/back.svg @@ -1,3 +1,5 @@ - - + + diff --git a/icons/bookmark-default.svg b/icons/bookmark-default.svg new file mode 100644 index 0000000..3501523 --- /dev/null +++ b/icons/bookmark-default.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/bookmark-manage.svg b/icons/bookmark-manage.svg new file mode 100644 index 0000000..4e2045c --- /dev/null +++ b/icons/bookmark-manage.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/checked.svg b/icons/checked.svg index 2185bb1..74e96bd 100644 --- a/icons/checked.svg +++ b/icons/checked.svg @@ -1 +1,4 @@ - + + + diff --git a/icons/checked.svg.bak b/icons/checked.svg.bak new file mode 100644 index 0000000..6387af1 --- /dev/null +++ b/icons/checked.svg.bak @@ -0,0 +1,6 @@ + + + + diff --git a/icons/close-tab-option.svg b/icons/close-tab-option.svg new file mode 100644 index 0000000..1481f2b --- /dev/null +++ b/icons/close-tab-option.svg @@ -0,0 +1,6 @@ + + + + diff --git a/icons/close.svg b/icons/close.svg index f38b669..b868d15 100644 --- a/icons/close.svg +++ b/icons/close.svg @@ -1,3 +1,5 @@ - - + + diff --git a/icons/desktop-bg.svg b/icons/desktop-bg.svg new file mode 100644 index 0000000..1d8da48 --- /dev/null +++ b/icons/desktop-bg.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/duplicate-tab.svg b/icons/duplicate-tab.svg new file mode 100644 index 0000000..27c5867 --- /dev/null +++ b/icons/duplicate-tab.svg @@ -0,0 +1,5 @@ + + + + diff --git a/icons/home.svg b/icons/home.svg index 0318cbf..1413bd7 100644 --- a/icons/home.svg +++ b/icons/home.svg @@ -1,3 +1,4 @@ - - - \ No newline at end of file + + + diff --git a/icons/ideas.svg b/icons/ideas.svg new file mode 100644 index 0000000..fa807dd --- /dev/null +++ b/icons/ideas.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/move-container.svg b/icons/move-container.svg new file mode 100644 index 0000000..80f2683 --- /dev/null +++ b/icons/move-container.svg @@ -0,0 +1,7 @@ + + + + + + diff --git a/icons/move-end.svg b/icons/move-end.svg new file mode 100644 index 0000000..91de78f --- /dev/null +++ b/icons/move-end.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/move-start.svg b/icons/move-start.svg new file mode 100644 index 0000000..0cd80c7 --- /dev/null +++ b/icons/move-start.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/move-tab.svg b/icons/move-tab.svg new file mode 100644 index 0000000..10ca395 --- /dev/null +++ b/icons/move-tab.svg @@ -0,0 +1,6 @@ + + + + diff --git a/icons/new-container.svg b/icons/new-container.svg new file mode 100644 index 0000000..cd20671 --- /dev/null +++ b/icons/new-container.svg @@ -0,0 +1,7 @@ + + + + + + diff --git a/icons/page-source.svg b/icons/page-source.svg new file mode 100644 index 0000000..d3458fb --- /dev/null +++ b/icons/page-source.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/quit.svg b/icons/quit.svg new file mode 100644 index 0000000..b90a74d --- /dev/null +++ b/icons/quit.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/radio-checked.svg b/icons/radio-checked.svg new file mode 100644 index 0000000..54c5837 --- /dev/null +++ b/icons/radio-checked.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/radio-unchecked.svg b/icons/radio-unchecked.svg new file mode 100644 index 0000000..9ca7563 --- /dev/null +++ b/icons/radio-unchecked.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/redo.svg b/icons/redo.svg new file mode 100644 index 0000000..fd9d8be --- /dev/null +++ b/icons/redo.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/reload.svg b/icons/reload.svg index 419f561..b22c736 100644 --- a/icons/reload.svg +++ b/icons/reload.svg @@ -1,3 +1,5 @@ - - + + diff --git a/icons/remote-debug.svg b/icons/remote-debug.svg new file mode 100644 index 0000000..dbb701f --- /dev/null +++ b/icons/remote-debug.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/restore-session.svg b/icons/restore-session.svg new file mode 100644 index 0000000..c085f0a --- /dev/null +++ b/icons/restore-session.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/search.svg b/icons/search.svg index 3bf2316..da65951 100644 --- a/icons/search.svg +++ b/icons/search.svg @@ -1,3 +1,5 @@ - - + + diff --git a/icons/select-all.svg b/icons/select-all.svg new file mode 100644 index 0000000..1f8dc78 --- /dev/null +++ b/icons/select-all.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/send-tab.svg b/icons/send-tab.svg new file mode 100644 index 0000000..a1db40b --- /dev/null +++ b/icons/send-tab.svg @@ -0,0 +1,6 @@ + + + + diff --git a/icons/share-tab.svg b/icons/share-tab.svg new file mode 100644 index 0000000..598d380 --- /dev/null +++ b/icons/share-tab.svg @@ -0,0 +1,6 @@ + + + + diff --git a/icons/signout.svg b/icons/signout.svg new file mode 100644 index 0000000..0c8addf --- /dev/null +++ b/icons/signout.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/terminal.svg b/icons/terminal.svg new file mode 100644 index 0000000..00b6739 --- /dev/null +++ b/icons/terminal.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/toolbox.svg b/icons/toolbox.svg new file mode 100644 index 0000000..cbd1586 --- /dev/null +++ b/icons/toolbox.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/unchecked.svg b/icons/unchecked.svg index a2d2cd7..9676fd6 100644 --- a/icons/unchecked.svg +++ b/icons/unchecked.svg @@ -1 +1,4 @@ - + + + diff --git a/icons/unchecked.svg.bak b/icons/unchecked.svg.bak new file mode 100644 index 0000000..5ee0933 --- /dev/null +++ b/icons/unchecked.svg.bak @@ -0,0 +1,5 @@ + + + + diff --git a/icons/userScriptsMenu.svg b/icons/userScriptsMenu.svg new file mode 100644 index 0000000..8a1d03a --- /dev/null +++ b/icons/userScriptsMenu.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/zoom-in.svg b/icons/zoom-in.svg new file mode 100644 index 0000000..096489d --- /dev/null +++ b/icons/zoom-in.svg @@ -0,0 +1,4 @@ + + + diff --git a/icons/zoom-out.svg b/icons/zoom-out.svg new file mode 100644 index 0000000..8bf947a --- /dev/null +++ b/icons/zoom-out.svg @@ -0,0 +1,4 @@ + + + diff --git a/userChrome.css b/userChrome.css index 2be9114..54c0641 100644 --- a/userChrome.css +++ b/userChrome.css @@ -6,6 +6,7 @@ @import "css/popups.css"; @import "css/overflowMenu.css"; @import "css/findbar.css"; +@import "css/icons.css"; @import "css/library.css"; @import "css/urlbar.css"; @import "css/tabbar.css";