add context menu icons #36
This commit is contained in:
bmFtZQ
parent
afdf696045
commit
5638fd440f
44 changed files with 609 additions and 76 deletions
|
|
@ -31,6 +31,7 @@ and 11 so applied to both) */
|
|||
}
|
||||
|
||||
#appMenu-multiView .subviewbutton,
|
||||
#sidebarMenu-popup .subviewbutton,
|
||||
#overflowMenu-customize-button {
|
||||
-moz-context-properties: fill, fill-opacity !important;
|
||||
fill: currentColor !important;
|
||||
|
|
@ -133,7 +134,9 @@ and 11 so applied to both) */
|
|||
#history-panelmenu,
|
||||
.urlbarView-row[source="history"]>.urlbarView-row-inner>.urlbarView-no-wrap>.urlbarView-favicon,
|
||||
#urlbar-engine-one-off-item-history,
|
||||
#appMenu-history-button {
|
||||
#appMenu-history-button,
|
||||
#sidebar-switcher-history,
|
||||
#sidebar-box[sidebarcommand="viewHistorySidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
|
||||
list-style-image: url("history.svg") !important;
|
||||
}
|
||||
|
||||
|
|
@ -147,12 +150,15 @@ and 11 so applied to both) */
|
|||
list-style-image: url("print.svg") !important;
|
||||
}
|
||||
|
||||
#find-button,
|
||||
.searchbar-search-icon,
|
||||
#appMenu-find-button2 {
|
||||
.searchbar-search-icon {
|
||||
list-style-image: url("search-glass.svg") !important;
|
||||
}
|
||||
|
||||
#find-button,
|
||||
#appMenu-find-button2 {
|
||||
list-style-image: url("search-page.svg") !important;
|
||||
}
|
||||
|
||||
#open-file-button {
|
||||
list-style-image: url("open.svg") !important;
|
||||
}
|
||||
|
|
@ -204,8 +210,11 @@ and 11 so applied to both) */
|
|||
list-style-image: url("forget.svg") !important;
|
||||
}
|
||||
|
||||
#privatebrowsing-button,
|
||||
#appMenu-new-private-window-button2 {
|
||||
list-style-image: url("private-window.svg") !important;
|
||||
}
|
||||
|
||||
#privatebrowsing-button {
|
||||
list-style-image: url("privateBrowsing.svg") !important;
|
||||
}
|
||||
|
||||
|
|
@ -240,7 +249,9 @@ and 11 so applied to both) */
|
|||
}
|
||||
|
||||
#bookmarks-menu-button,
|
||||
#appMenu-bookmarks-button {
|
||||
#appMenu-bookmarks-button,
|
||||
#sidebar-switcher-bookmarks,
|
||||
#sidebar-box[sidebarcommand="viewBookmarksSidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
|
||||
list-style-image: url("bookmark-star-on-tray.svg") !important;
|
||||
}
|
||||
|
||||
|
|
@ -369,6 +380,11 @@ and 11 so applied to both) */
|
|||
list-style-image: url("bookmark.svg") !important;
|
||||
}
|
||||
|
||||
#sidebar-box[sidebarcommand="viewTabsSidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon,
|
||||
#sidebar-switcher-tabs {
|
||||
list-style-image: url("send-to-device.svg") !important;
|
||||
}
|
||||
|
||||
/* tab icons */
|
||||
.tab-icon-image[src="chrome://branding/content/icon32.png"],
|
||||
.tab-icon-image[src="chrome://global/skin/icons/settings.svg"],
|
||||
|
|
@ -522,16 +538,31 @@ and 11 so applied to both) */
|
|||
background-image: url("stop-to-reload.svg") !important;
|
||||
}
|
||||
|
||||
#reader-mode-button>.urlbar-icon {
|
||||
list-style-image: url("reader-mode.svg") !important;
|
||||
}
|
||||
|
||||
/* disable context menu icons when this tweak is applied */
|
||||
@supports not -moz-bool-pref("uc.tweak.revert-context-menu") {
|
||||
|
||||
/* Context Menu Icons */
|
||||
menupopup>menuitem:is([checked="true"], [selected="true"]) .menu-iconic-icon {
|
||||
list-style-image: url("checkmark.svg") !important;
|
||||
}
|
||||
|
||||
#context-video-pictureinpicture:not([checked="true"]) .menu-iconic-icon {
|
||||
list-style-image: url("media-pip.svg") !important;
|
||||
}
|
||||
|
||||
#context-media-loop:not([checked="true"]) .menu-iconic-icon {
|
||||
list-style-image: url("media-loop.svg") !important;
|
||||
}
|
||||
|
||||
:not(:not(menubar)>menu, #ContentSelectDropdown)>menupopup>menuitem:not(.menuitem-iconic, [type="checkbox"], [type="radio"], .in-menulist, .in-menulist menuitem, .unified-nav-current),
|
||||
:not(:not(menubar)>menu, #ContentSelectDropdown)>menupopup>menu:not(.menu-iconic, [type="checkbox"], [type="radio"], .in-menulist, .in-menulist menu, .unified-nav-current) {
|
||||
background-image: var(--uc-menu-image) !important;
|
||||
background-image: var(--menu-image) !important;
|
||||
background-size: 16px !important;
|
||||
background-position: var(--arrowpanel-menuitem-padding-inline) center !important;
|
||||
background-position: var(--uc-contextmenu-menuitem-padding-inline) center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
-moz-context-properties: fill, fill-opacity !important;
|
||||
fill: currentColor !important;
|
||||
|
|
@ -539,27 +570,353 @@ menupopup>menuitem:is([checked="true"], [selected="true"]) .menu-iconic-icon {
|
|||
|
||||
@media (-moz-platform: macos) {
|
||||
#context-back {
|
||||
--uc-menu-image: url("back.svg");
|
||||
--menu-image: url("back.svg");
|
||||
}
|
||||
|
||||
#context-forward {
|
||||
--uc-menu-image: url("forward.svg");
|
||||
--menu-image: url("forward.svg");
|
||||
}
|
||||
|
||||
#context-reload {
|
||||
--uc-menu-image: url("reload.svg");
|
||||
--menu-image: url("reload.svg");
|
||||
}
|
||||
|
||||
#context-stop {
|
||||
--uc-menu-image: url("close.svg");
|
||||
--menu-image: url("close.svg");
|
||||
}
|
||||
|
||||
#context-bookmarkpage {
|
||||
--uc-menu-image: url("bookmark-hollow.svg");
|
||||
--menu-image: url("bookmark-hollow.svg");
|
||||
}
|
||||
|
||||
#contentAreaContextMenu #context-bookmarkpage[starred] {
|
||||
--uc-menu-image: url("bookmark.svg");
|
||||
--menu-image: url("bookmark.svg");
|
||||
fill: var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention, currentColor)) !important;
|
||||
}
|
||||
}
|
||||
|
||||
#context-savepage {
|
||||
--menu-image: url("save.svg");
|
||||
}
|
||||
|
||||
#context-selectall,
|
||||
.textbox-contextmenu menuitem[cmd*="selectAll"],
|
||||
#context_selectAllTabs,
|
||||
#toolbar-context-selectAllTabs {
|
||||
--menu-image: url("edit-select-all.svg");
|
||||
}
|
||||
|
||||
#context-undo,
|
||||
.textbox-contextmenu menuitem[cmd*="undo"],
|
||||
#context_undoCloseTab,
|
||||
#toolbar-context-undoCloseTab {
|
||||
--menu-image: url("edit-undo.svg");
|
||||
}
|
||||
|
||||
#context-redo,
|
||||
.textbox-contextmenu menuitem[cmd*="redo"] {
|
||||
--menu-image: url("edit-redo.svg");
|
||||
}
|
||||
|
||||
#context-copy,
|
||||
.textbox-contextmenu menuitem[cmd*="copy"],
|
||||
#placesContext_copy {
|
||||
--menu-image: url("edit-copy.svg");
|
||||
}
|
||||
|
||||
#context-paste,
|
||||
.textbox-contextmenu menuitem[cmd*="paste"],
|
||||
#placesContext_paste_group {
|
||||
--menu-image: url("edit-paste.svg");
|
||||
}
|
||||
|
||||
#context-cut,
|
||||
.textbox-contextmenu menuitem[cmd*="cut"],
|
||||
#placesContext_cut {
|
||||
--menu-image: url("edit-cut.svg");
|
||||
}
|
||||
|
||||
#context-delete,
|
||||
.customize-context-removeExtension,
|
||||
.textbox-contextmenu menuitem[cmd*="delete"],
|
||||
menuitem[id="placesContext_deleteBookmark"],
|
||||
menuitem[id="placesContext_deleteFolder"],
|
||||
menuitem[id="placesContext_delete"],
|
||||
menuitem[id="placesContext_delete_history"],
|
||||
menuitem[id="placesContext_deleteHost"] {
|
||||
--menu-image: url("edit-delete.svg");
|
||||
}
|
||||
|
||||
#paste-and-go {
|
||||
--menu-image: url("paste-and-go.svg");
|
||||
}
|
||||
|
||||
#context-print-selection {
|
||||
--menu-image: url("print.svg");
|
||||
}
|
||||
|
||||
#context-take-screenshot {
|
||||
--menu-image: url("screenshot.svg");
|
||||
}
|
||||
|
||||
#context-viewsource {
|
||||
--menu-image: url("source-code.svg");
|
||||
}
|
||||
|
||||
#context-inspect-a11y {
|
||||
--menu-image: url("accessibility.svg");
|
||||
}
|
||||
|
||||
#context-inspect {
|
||||
--menu-image: url("inspect.svg");
|
||||
}
|
||||
|
||||
#context-searchselect {
|
||||
--menu-image: url("search-glass.svg");
|
||||
}
|
||||
|
||||
#context-viewimage {
|
||||
--menu-image: url("image-open.svg");
|
||||
}
|
||||
|
||||
#context-saveimage,
|
||||
#context-video-saveimage {
|
||||
--menu-image: url("image-save.svg");
|
||||
}
|
||||
|
||||
#context-savevideo {
|
||||
--menu-image: url("video-save.svg");
|
||||
}
|
||||
|
||||
#context-viewvideo {
|
||||
--menu-image: url("video-open.svg")
|
||||
}
|
||||
|
||||
#context-saveaudio {
|
||||
--menu-image: url("audio-save.svg");
|
||||
}
|
||||
|
||||
#context-copyimage-contents {
|
||||
--menu-image: url("image-copy.svg");
|
||||
}
|
||||
|
||||
#context-copyimage,
|
||||
#context-copyvideourl,
|
||||
#context-copylink {
|
||||
--menu-image: url("link.svg");
|
||||
}
|
||||
|
||||
#context-sendimage,
|
||||
#context-sendvideo,
|
||||
#context-sendaudio {
|
||||
--menu-image: url("mail.svg");
|
||||
}
|
||||
|
||||
#context-setDesktopBackground,
|
||||
.viewCustomizeToolbar {
|
||||
--menu-image: url("customize.svg");
|
||||
}
|
||||
|
||||
#context-reloadimage,
|
||||
#context_reloadTab,
|
||||
#context_reloadSelectedTabs,
|
||||
#toolbar-context-reloadSelectedTab,
|
||||
#toolbar-context-reloadSelectedTabs {
|
||||
--menu-image: url("reload.svg");
|
||||
}
|
||||
|
||||
#context-sendlinktodevice,
|
||||
#context_sendTabToDevice,
|
||||
#context-sendpagetodevice {
|
||||
--menu-image: url("send-to-device.svg");
|
||||
}
|
||||
|
||||
#context-openlinkintab,
|
||||
#context-openlinkincontainertab,
|
||||
menuitem[id="placesContext_open:newtab"],
|
||||
menuitem[id="placesContext_openLinks:tabs"],
|
||||
menuitem[id="placesContext_openBookmarkLinks:tabs"],
|
||||
menuitem[id="placesContext_openBookmarkContainer:tabs"] {
|
||||
--menu-image: url("tab.svg");
|
||||
}
|
||||
|
||||
#context_openANewTab,
|
||||
#toolbar-context-openANewTab {
|
||||
--menu-image: url("new-tab-image.svg");
|
||||
}
|
||||
|
||||
#context-openlinkinusercontext-menu,
|
||||
menu[id="placesContext_open:newcontainertab"],
|
||||
menu[id="placesContext_openContainer:tabs"] {
|
||||
--menu-image: url("container-tab.svg");
|
||||
}
|
||||
|
||||
#context-openlink,
|
||||
menuitem[id="placesContext_open:newwindow"] {
|
||||
--menu-image: url("window.svg");
|
||||
}
|
||||
|
||||
#context-openlinkprivate,
|
||||
menuitem[id="placesContext_open:newprivatewindow"] {
|
||||
--menu-image: url("private-window.svg");
|
||||
}
|
||||
|
||||
#context-savelink {
|
||||
--menu-image: url("downloads.svg");
|
||||
}
|
||||
|
||||
#spell-add-to-dictionary {
|
||||
--menu-image: url("add-to-dictionary.svg");
|
||||
}
|
||||
|
||||
#manage-saved-logins {
|
||||
--menu-image: url("passwords.svg");
|
||||
}
|
||||
|
||||
#context-media-play,
|
||||
#context_playTab,
|
||||
#context_playSelectedTabs {
|
||||
--menu-image: url("media-play.svg");
|
||||
}
|
||||
|
||||
#context-media-pause {
|
||||
--menu-image: url("media-pause.svg");
|
||||
}
|
||||
|
||||
#context-media-mute,
|
||||
#context_toggleMuteTab,
|
||||
#context_toggleMuteSelectedTabs {
|
||||
--menu-image: url("media-mute.svg");
|
||||
}
|
||||
|
||||
#context-media-unmute,
|
||||
#context_toggleMuteTab[muted],
|
||||
#context_toggleMuteSelectedTabs[muted] {
|
||||
--menu-image: url("media-unmute.svg");
|
||||
}
|
||||
|
||||
#context-media-playbackrate {
|
||||
--menu-image: url("media-speed.svg");
|
||||
}
|
||||
|
||||
#context-video-fullscreen {
|
||||
--menu-image: url("fullscreen.svg");
|
||||
}
|
||||
|
||||
#context-leave-dom-fullscreen,
|
||||
menuitem[contexttype="fullscreen"][label*="Exit"] {
|
||||
--menu-image: url("fullscreen-exit.svg");
|
||||
}
|
||||
|
||||
#context-media-hidecontrols,
|
||||
#context-media-showcontrols {
|
||||
--menu-image: url("permissions.svg");
|
||||
}
|
||||
|
||||
#context_pinTab,
|
||||
#context_unpinTab,
|
||||
#context_pinSelectedTabs,
|
||||
#context_unpinSelectedTabs,
|
||||
.customize-context-moveToPanel {
|
||||
--menu-image: url("pin.svg");
|
||||
}
|
||||
|
||||
#context_duplicateTab,
|
||||
#context_duplicateTabs {
|
||||
--menu-image: url("duplicate-tab.svg");
|
||||
}
|
||||
|
||||
#context_bookmarkTab,
|
||||
#context_bookmarkSelectedTabs,
|
||||
#toggle_PersonalToolbar,
|
||||
#context-bookmarklink,
|
||||
#toolbar-context-bookmarkSelectedTab,
|
||||
#toolbar-context-bookmarkSelectedTabs {
|
||||
--menu-image: url("bookmark-hollow.svg");
|
||||
}
|
||||
|
||||
menuitem[id="placesContext_show_bookmark:info"],
|
||||
menuitem[id="placesContext_show_folder:info"],
|
||||
menuitem[id="placesContext_show:info"] {
|
||||
--menu-image: url("edit.svg");
|
||||
}
|
||||
|
||||
menuitem[id="placesContext_showAllBookmarks"],
|
||||
#BMB_bookmarksShowAllTop,
|
||||
#BMB_bookmarksShowAll,
|
||||
.customize-context-manageExtension {
|
||||
--menu-image: url("manage.svg");
|
||||
}
|
||||
|
||||
menuitem[id="placesContext_new:bookmark"],
|
||||
menuitem[id="placesContext_new:folder"],
|
||||
menuitem[id="placesContext_new:separator"] {
|
||||
--menu-image: url("plus.svg");
|
||||
}
|
||||
|
||||
#context-savelinktopocket,
|
||||
#context-pocket {
|
||||
--menu-image: url("pocket-outline.svg");
|
||||
}
|
||||
|
||||
#context_moveTabOptions {
|
||||
--menu-image: url("move-tab.svg");
|
||||
}
|
||||
|
||||
.share-tab-url-item {
|
||||
--menu-image: url("share.svg");
|
||||
}
|
||||
|
||||
#context_reopenInContainer {
|
||||
--menu-image: url("container-tab.svg");
|
||||
}
|
||||
|
||||
#context_closeTab {
|
||||
--menu-image: url("close.svg");
|
||||
}
|
||||
|
||||
.customize-context-reportExtension {
|
||||
--menu-image: url("report.svg");
|
||||
}
|
||||
}
|
||||
|
||||
/* header icons for the app menu sub menus (eg. fx account, history...) */
|
||||
.panel-header>h1>span::before {
|
||||
content: "";
|
||||
--uc-padding: 16px;
|
||||
--uc-margin: 8px;
|
||||
background-image: var(--header-image);
|
||||
background-size: 16px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
-moz-context-properties: fill, fill-opacity;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
#PanelUI-fxa .panel-header>h1>span::before {
|
||||
--header-image: var(--avatar-image-url);
|
||||
transform: scale(1.25);
|
||||
border-radius: 99px;
|
||||
display: inline-block;
|
||||
height: 16px;
|
||||
padding-inline-start: var(--uc-padding);
|
||||
margin-inline-end: var(--uc-margin);
|
||||
}
|
||||
|
||||
#PanelUI-bookmarks .panel-header>h1>span::before {
|
||||
--header-image: url("bookmark-star-on-tray.svg");
|
||||
padding-inline-start: var(--uc-padding);
|
||||
margin-inline-end: var(--uc-margin);
|
||||
}
|
||||
|
||||
#PanelUI-history .panel-header>h1>span::before {
|
||||
--header-image: url("history.svg");
|
||||
padding-inline-start: var(--uc-padding);
|
||||
margin-inline-end: var(--uc-margin);
|
||||
}
|
||||
|
||||
#PanelUI-helpView .panel-header>h1>span::before {
|
||||
--header-image: url("help.svg");
|
||||
padding-inline-start: var(--uc-padding);
|
||||
margin-inline-end: var(--uc-margin);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue