add new private browsing indicator
also: - removes tweaks "fxa-button-as-private-indicator" and "less-permissions-button-padding" - reformat README.md to become easier to read - add unified extensions icon (beta and nightly) - better integrate Firefox view button
This commit is contained in:
bmFtZQ
parent
49ea90b007
commit
5ed069c80a
7 changed files with 564 additions and 572 deletions
|
|
@ -20,8 +20,8 @@ and 11 so applied to both) */
|
|||
list-style-image: url("win11-close.svg") !important;
|
||||
}
|
||||
|
||||
/* darkmode icon that uses thicker strokes and easier to see (only needed at
|
||||
1x scale) */
|
||||
/* darkmode icon that uses thicker strokes and is easier to see (only needed
|
||||
at 1x scale) */
|
||||
@media (max-resolution: 1dppx) {
|
||||
:root[lwtheme-brighttext="true"] .titlebar-close,
|
||||
.titlebar-close:hover {
|
||||
|
|
@ -30,9 +30,7 @@ and 11 so applied to both) */
|
|||
}
|
||||
}
|
||||
|
||||
#appMenu-multiView .subviewbutton,
|
||||
#sidebarMenu-popup .subviewbutton,
|
||||
#overflowMenu-customize-button {
|
||||
.subviewbutton {
|
||||
-moz-context-properties: fill, fill-opacity !important;
|
||||
fill: currentColor !important;
|
||||
}
|
||||
|
|
@ -41,8 +39,9 @@ and 11 so applied to both) */
|
|||
list-style-image: url("account.svg") !important;
|
||||
}
|
||||
|
||||
:root[privatebrowsingmode] #fxa-avatar-image {
|
||||
.private-browsing-indicator-icon {
|
||||
list-style-image: url("account-private.svg") !important;
|
||||
border-radius: 100% !important;
|
||||
}
|
||||
|
||||
/* disable context menu icons on macOS */
|
||||
|
|
@ -104,7 +103,8 @@ and 11 so applied to both) */
|
|||
|
||||
#downloads-button,
|
||||
#downloads-indicator-anchor,
|
||||
#appMenu-downloads-button {
|
||||
#appMenu-downloads-button,
|
||||
#appMenu-library-downloads-button {
|
||||
list-style-image: url("downloads.svg") !important;
|
||||
}
|
||||
|
||||
|
|
@ -143,6 +143,7 @@ and 11 so applied to both) */
|
|||
.urlbarView-row[source="history"]>.urlbarView-row-inner>.urlbarView-no-wrap>.urlbarView-favicon,
|
||||
#urlbar-engine-one-off-item-history,
|
||||
#appMenu-history-button,
|
||||
#appMenu-library-history-button,
|
||||
#sidebar-switcher-history,
|
||||
#sidebar-box[sidebarcommand="viewHistorySidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
|
||||
list-style-image: url("history.svg") !important;
|
||||
|
|
@ -172,7 +173,8 @@ and 11 so applied to both) */
|
|||
}
|
||||
|
||||
#add-ons-button,
|
||||
#appMenu-extensions-themes-button {
|
||||
#appMenu-extensions-themes-button,
|
||||
#unified-extensions-button {
|
||||
list-style-image: url("extension.svg") !important;
|
||||
}
|
||||
|
||||
|
|
@ -210,7 +212,8 @@ and 11 so applied to both) */
|
|||
|
||||
#preferences-button,
|
||||
.search-setting-button>.button-box>.button-icon,
|
||||
#appMenu-settings-button {
|
||||
#appMenu-settings-button,
|
||||
.unified-extensions-item-open-menu.subviewbutton {
|
||||
list-style-image: url("settings.svg") !important;
|
||||
}
|
||||
|
||||
|
|
@ -259,6 +262,7 @@ and 11 so applied to both) */
|
|||
#bookmarks-menu-button,
|
||||
#appMenu-bookmarks-button,
|
||||
#sidebar-switcher-bookmarks,
|
||||
#appMenu-library-bookmarks-button,
|
||||
#sidebar-box[sidebarcommand="viewBookmarksSidebar"]>#sidebar-header>#sidebar-switcher-target>#sidebar-icon {
|
||||
list-style-image: url("bookmark-star-on-tray.svg") !important;
|
||||
}
|
||||
|
|
@ -395,29 +399,20 @@ and 11 so applied to both) */
|
|||
|
||||
/* tab icons */
|
||||
.tab-icon-image[src="chrome://branding/content/icon32.png"],
|
||||
.tab-icon-image[src="chrome://global/skin/icons/settings.svg"],
|
||||
.tab-icon-image[src="chrome://mozapps/skin/extensions/extension.svg"],
|
||||
.tab-icon-image[src="chrome://browser/skin/customize.svg"],
|
||||
.tab-icon-image[src="chrome://browser/skin/privatebrowsing/favicon.svg"] {
|
||||
padding-left: 16px !important;
|
||||
box-sizing: border-box !important;
|
||||
}
|
||||
|
||||
.tab-icon-image[src="chrome://branding/content/icon32.png"],
|
||||
.tab-icon-image[src="chrome://browser/skin/privatebrowsing/favicon.svg"] {
|
||||
background: url("new-tab-image.svg") !important;
|
||||
content: url("new-tab-image.svg") !important;
|
||||
}
|
||||
|
||||
.tab-icon-image[src="chrome://global/skin/icons/settings.svg"] {
|
||||
background: url("settings.svg") !important;
|
||||
content: url("settings.svg") !important;
|
||||
}
|
||||
|
||||
.tab-icon-image[src="chrome://mozapps/skin/extensions/extension.svg"] {
|
||||
background: url("extension.svg") !important;
|
||||
content: url("extension.svg") !important;
|
||||
}
|
||||
|
||||
.tab-icon-image[src="chrome://browser/skin/customize.svg"] {
|
||||
background: url("customize.svg") !important;
|
||||
content: url("customize.svg") !important;
|
||||
}
|
||||
|
||||
/* permissions */
|
||||
|
|
@ -550,381 +545,391 @@ and 11 so applied to both) */
|
|||
list-style-image: url("reader-mode.svg") !important;
|
||||
}
|
||||
|
||||
#unified-extensions-manage-extensions {
|
||||
list-style-image: url("manage.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(--menu-image) !important;
|
||||
background-size: 16px !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;
|
||||
}
|
||||
|
||||
@media (-moz-platform: macos) {
|
||||
#context-back {
|
||||
--menu-image: url("back.svg");
|
||||
/* Context Menu Icons */
|
||||
menupopup>menuitem:is([checked="true"], [selected="true"]) .menu-iconic-icon {
|
||||
list-style-image: url("checkmark.svg") !important;
|
||||
}
|
||||
|
||||
#context-forward {
|
||||
--menu-image: url("forward.svg");
|
||||
#context-video-pictureinpicture:not([checked="true"]) .menu-iconic-icon {
|
||||
list-style-image: url("media-pip.svg") !important;
|
||||
}
|
||||
|
||||
#context-reload {
|
||||
#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(--menu-image) !important;
|
||||
background-size: 16px !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;
|
||||
}
|
||||
|
||||
@media (-moz-platform: macos) {
|
||||
#context-back {
|
||||
--menu-image: url("back.svg");
|
||||
}
|
||||
|
||||
#context-forward {
|
||||
--menu-image: url("forward.svg");
|
||||
}
|
||||
|
||||
#context-reload {
|
||||
--menu-image: url("reload.svg");
|
||||
}
|
||||
|
||||
#context-stop {
|
||||
--menu-image: url("close.svg");
|
||||
}
|
||||
|
||||
#context-bookmarkpage {
|
||||
--menu-image: url("bookmark-hollow.svg");
|
||||
}
|
||||
|
||||
#contentAreaContextMenu #context-bookmarkpage[starred] {
|
||||
--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,
|
||||
.unified-extensions-context-menu-remove-extension,
|
||||
.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-stop {
|
||||
--menu-image: url("close.svg");
|
||||
#context-sendlinktodevice,
|
||||
#context_sendTabToDevice,
|
||||
#context-sendpagetodevice {
|
||||
--menu-image: url("send-to-device.svg");
|
||||
}
|
||||
|
||||
#context-bookmarkpage {
|
||||
#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");
|
||||
}
|
||||
|
||||
#contentAreaContextMenu #context-bookmarkpage[starred] {
|
||||
--menu-image: url("bookmark.svg");
|
||||
fill: var(--lwt-toolbarbutton-icon-fill-attention, var(--toolbarbutton-icon-fill-attention, currentColor)) !important;
|
||||
menuitem[id="placesContext_show_bookmark:info"],
|
||||
menuitem[id="placesContext_show_folder:info"],
|
||||
menuitem[id="placesContext_show:info"] {
|
||||
--menu-image: url("edit.svg");
|
||||
}
|
||||
}
|
||||
|
||||
#context-savepage {
|
||||
--menu-image: url("save.svg");
|
||||
}
|
||||
menuitem[id="placesContext_showAllBookmarks"],
|
||||
#BMB_bookmarksShowAllTop,
|
||||
#BMB_bookmarksShowAll,
|
||||
.customize-context-manageExtension,
|
||||
.unified-extensions-context-menu-manage-extension {
|
||||
--menu-image: url("manage.svg");
|
||||
}
|
||||
|
||||
#context-selectall,
|
||||
.textbox-contextmenu menuitem[cmd*="selectAll"],
|
||||
#context_selectAllTabs,
|
||||
#toolbar-context-selectAllTabs {
|
||||
--menu-image: url("edit-select-all.svg");
|
||||
}
|
||||
menuitem[id="placesContext_new:bookmark"],
|
||||
menuitem[id="placesContext_new:folder"],
|
||||
menuitem[id="placesContext_new:separator"] {
|
||||
--menu-image: url("plus.svg");
|
||||
}
|
||||
|
||||
#context-undo,
|
||||
.textbox-contextmenu menuitem[cmd*="undo"],
|
||||
#context_undoCloseTab,
|
||||
#toolbar-context-undoCloseTab {
|
||||
--menu-image: url("edit-undo.svg");
|
||||
}
|
||||
#context-savelinktopocket,
|
||||
#context-pocket {
|
||||
--menu-image: url("pocket-outline.svg");
|
||||
}
|
||||
|
||||
#context-redo,
|
||||
.textbox-contextmenu menuitem[cmd*="redo"] {
|
||||
--menu-image: url("edit-redo.svg");
|
||||
}
|
||||
#context_moveTabOptions {
|
||||
--menu-image: url("move-tab.svg");
|
||||
}
|
||||
|
||||
#context-copy,
|
||||
.textbox-contextmenu menuitem[cmd*="copy"],
|
||||
#placesContext_copy {
|
||||
--menu-image: url("edit-copy.svg");
|
||||
}
|
||||
.share-tab-url-item {
|
||||
--menu-image: url("share.svg");
|
||||
}
|
||||
|
||||
#context-paste,
|
||||
.textbox-contextmenu menuitem[cmd*="paste"],
|
||||
#placesContext_paste_group {
|
||||
--menu-image: url("edit-paste.svg");
|
||||
}
|
||||
#context_reopenInContainer {
|
||||
--menu-image: url("container-tab.svg");
|
||||
}
|
||||
|
||||
#context-cut,
|
||||
.textbox-contextmenu menuitem[cmd*="cut"],
|
||||
#placesContext_cut {
|
||||
--menu-image: url("edit-cut.svg");
|
||||
}
|
||||
#context_closeTab {
|
||||
--menu-image: url("close.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");
|
||||
}
|
||||
.customize-context-reportExtension,
|
||||
.unified-extensions-context-menu-report-extension {
|
||||
--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;
|
||||
background: var(--header-image, none) center / 16px no-repeat;
|
||||
-moz-context-properties: fill, fill-opacity;
|
||||
fill: currentColor;
|
||||
padding-inline-start: calc(var(--uc-enabled, 0) * 16px);
|
||||
margin-inline-end: calc(var(--uc-enabled, 0) * 8px);
|
||||
}
|
||||
|
||||
#PanelUI-fxa .panel-header>h1>span::before {
|
||||
--header-image: var(--avatar-image-url);
|
||||
--uc-enabled: 1;
|
||||
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);
|
||||
--uc-enabled: 1;
|
||||
}
|
||||
|
||||
#PanelUI-history .panel-header>h1>span::before {
|
||||
--header-image: url("history.svg");
|
||||
padding-inline-start: var(--uc-padding);
|
||||
margin-inline-end: var(--uc-margin);
|
||||
--uc-enabled: 1;
|
||||
}
|
||||
|
||||
#PanelUI-helpView .panel-header>h1>span::before {
|
||||
--header-image: url("help.svg");
|
||||
padding-inline-start: var(--uc-padding);
|
||||
margin-inline-end: var(--uc-margin);
|
||||
--uc-enabled: 1;
|
||||
}
|
||||
|
||||
#appMenu-libraryView .panel-header>h1>span::before {
|
||||
--header-image: url("library.svg");
|
||||
--uc-enabled: 1;
|
||||
}
|
||||
|
||||
#unified-extensions-panel .panel-header>h1>span::before {
|
||||
--header-image: url("extension.svg");
|
||||
--uc-enabled: 1;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue