mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-31 14:30:50 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #375(#349) from BPower0036/patch-2

Browse source 
Icon display when the checkbox menu is false
This commit is contained in:
MS_Y 2022-06-05 20:31:42 +09:00 • committed by GitHub
commit 7f632f34a3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
14 changed files with 153 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

138
css/leptonChrome.css
View file

@ -5771,7 +5771,7 @@
list-style-image: url("../icons/window-dev-tools.svg");
}
/* Browser Content Toolbaox - */
/* Browser Content Toolbox */
#appmenu-developer-tools-view .subviewbutton:nth-child(5),
#PanelUI-developer-tools-view .subviewbutton:nth-child(5) {
list-style-image: url("../icons/command-frames.svg");
@ -5881,7 +5881,7 @@
}
#allTabsMenu-hiddenTabsButton {
list-style-image: url("../icons/password-hide.svg");
list-style-image: url("../icons/eye-hide.svg");
}
#allTabsMenu-containerTabsView .subviewbutton:last-child {
@ -5972,8 +5972,8 @@
}
/** Menu - Icons Layout *******************************************************/
@supports -moz-bool-pref("userChrome.icon.menu") {
menupopup menuitem:not([type="checkbox"], [type="radio"]),
menupopup menu:not([type="checkbox"], [type="radio"]),
menupopup menuitem:not([type="checkbox"][checked="true"], [type="radio"]),
menupopup menu:not([type="checkbox"][checked="true"], [type="radio"]),
#main-menubar > menu {
-moz-appearance: none !important;
/* Linux: menulist */
@ -5983,14 +5983,12 @@
#main-menubar > menu,
:not(menu, #ContentSelectDropdown)
> menupopup
> menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [type="checkbox"], [checked="true"]),
:not(menu, #ContentSelectDropdown)
> menupopup
> menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
> menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
:not(menu, #ContentSelectDropdown) > menupopup > menu:not(.menu-iconic, .in-menulist, [checked="true"]),
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup)
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [type="checkbox"], [checked="true"]),
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup)
menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
menu:not(.menu-iconic, .in-menulist, [checked="true"]),
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem,
@ -6009,10 +6007,8 @@
@supports -moz-bool-pref("widget.macos.native-context-menus") or -moz-bool-pref("widget.gtk.native-context-menus") {
:not(menu, #ContentSelectDropdown)
> menupopup
> menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [type="checkbox"], [checked="true"]),
:not(menu, #ContentSelectDropdown)
> menupopup
> menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]) {
> menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
:not(menu, #ContentSelectDropdown) > menupopup > menu:not(.menu-iconic, .in-menulist, [checked="true"]) {
list-style-image: var(--menuitem-image, url("../icons/blank.svg")) !important;
}
}
@ -6026,14 +6022,14 @@
:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic),
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup
> menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [type="checkbox"], [checked="true"]),
> menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup
> menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
> menu:not(.menu-iconic, .in-menulist, [checked="true"]),
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup)
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [type="checkbox"], [checked="true"]),
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup)
menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
menu:not(.menu-iconic, .in-menulist, [checked="true"]),
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem,
@ -6065,24 +6061,6 @@
}
}
/* Padding - Windows */
@media (-moz-os-version: windows-win7),
(-moz-platform: windows-win7),
(-moz-os-version: windows-win8),
(-moz-platform: windows-win8),
(-moz-os-version: windows-win10),
(-moz-platform: windows-win10) {
/* Checkbox */
:root {
--context-menu-text-padding: calc(var(--menu-padding) + var(--context-menu-background-padding-default) + 16px);
}
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup
> menuitem[type="checkbox"]:not([checked="true"])
> .menu-iconic-left {
padding-inline-start: var(--context-menu-text-padding);
}
}
@media (-moz-os-version: windows-win7), (-moz-platform: windows-win7) {
:root {
--context-menu-background-padding-default: 2px;
@ -6099,14 +6077,14 @@
(-moz-platform: windows-win8) {
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup
> menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [type="checkbox"], [checked="true"]),
> menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup
> menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
> menu:not(.menu-iconic, .in-menulist, [checked="true"]),
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup)
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [type="checkbox"], [checked="true"]),
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup)
menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
menu:not(.menu-iconic, .in-menulist, [checked="true"]),
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem,
@ -6128,14 +6106,14 @@
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup
> menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [type="checkbox"], [checked="true"]),
> menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup
> menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
> menu:not(.menu-iconic, .in-menulist, [checked="true"]),
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup)
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [type="checkbox"], [checked="true"]),
menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup)
menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
menu:not(.menu-iconic, .in-menulist, [checked="true"]),
menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem,
menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu,
menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem,
@ -6165,10 +6143,10 @@
/* context menu width */
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup
> menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [type="checkbox"], [checked="true"]),
> menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup
> menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
> menu:not(.menu-iconic, .in-menulist, [checked="true"]),
#blockedPopupDontShowMessage {
padding-inline-end: var(--context-menu-background-padding) !important;
}
@ -6180,14 +6158,14 @@
}
/* Checkbox menuitem, None iconic menu */
:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem[type="checkbox"],
:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem[checked="true"],
:not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic) {
padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-mac-padding)) !important;
}
/* Global Menu */
/* Disabled. some icons not appear
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [type=checkbox], [checked=true]), menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menu:not(.menu-iconic, .in-menulist, [type=checkbox], [checked=true]) {
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked=true]), menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menu:not(.menu-iconic, .in-menulist, [checked=true]) {
list-style-image: var(--menuitem-image, url("../icons/blank.svg"));
}
*/
@ -6390,14 +6368,20 @@
--menuitem-image: url("chrome://browser/skin/pin-12.svg");
}
.toolbar-context-autohide-downloads-button {
--menuitem-image: url("../icons/password-hide.svg");
#toolbar-context-autohide-downloads-button {
/* checkbox */
--menuitem-image: url("../icons/eye-tracking-off.svg");
}
.customize-context-removeFromToolbar {
--menuitem-image: url("chrome://global/skin/icons/delete.svg");
}
#toolbar-context-always-open-downloads-panel {
/* checkbox */
--menuitem-image: url("../icons/drawer-arrow-download.svg");
}
#toolbar-context-openANewTab {
--menuitem-image: url("chrome://browser/skin/new-tab.svg");
}
@ -6422,7 +6406,7 @@
#toggle_toolbar-menubar {
/* checkbox */
/* --menuitem-image: url("../icons/calendar-agenda.svg"); */
--menuitem-image: url("../icons/calendar-agenda.svg");
}
#toggle_PersonalToolbar {
@ -6441,12 +6425,12 @@
#context-viewsource-wrapLongLines {
/* checkbox */
/* --menuitem-image: url("../icons/arrow-sort-down-lines.svg"); */
--menuitem-image: url("../icons/arrow-sort-down-lines.svg");
}
#context-viewsource-highlightSyntax {
/* checkbox */
/* --menuitem-image: url("../icons/code.svg"); */
--menuitem-image: url("../icons/code.svg");
}
#spell-no-suggestions {
@ -6531,7 +6515,7 @@
#context-media-loop {
/* checkbox */
/* --menuitem-image: url("../icons/arrow-repeat-all.svg"); */
--menuitem-image: url("../icons/arrow-repeat-all.svg");
}
#context-leave-dom-fullscreen {
@ -6556,7 +6540,7 @@
#context-video-pictureinpicture {
/* checkbox */
/* --menuitem-image: url("chrome://global/skin/media/picture-in-picture-open.svg"); */
--menuitem-image: url("chrome://global/skin/media/picture-in-picture-open.svg");
}
#context-reloadimage {
@ -6690,6 +6674,7 @@
#spell-check-enabled {
/* checkbox */
--menuitem-image: url("../icons/text-proofing-tools.svg");
}
#spell-add-dictionaries-main {
@ -6830,7 +6815,7 @@
#show-other-bookmarks_PersonalToolbar {
/* checkbox */
/* --menuitem-image: url("../icons/star-line-horizontal.svg"); */
--menuitem-image: url("../icons/star-line-horizontal.svg");
}
#placesContext_showAllBookmarks {
@ -6858,6 +6843,7 @@
/*= autohide-context =========================================================*/
#autohide-context > menuitem[data-l10n-id="full-screen-autohide"] {
/* checkbox */
--menuitem-image: url("../icons/eye-tracking-off.svg");
}
#autohide-context > menuitem[data-l10n-id="full-screen-exit"] {
@ -6904,6 +6890,7 @@
/*= downloads-button-autohide-panel ==========================================*/
#downloads-button-autohide-checkbox {
/* checkbox */
--menuitem-image: url("../icons/eye-tracking-off.svg");
}
/*= downloadsContextMenu =====================================================*/
@ -6925,6 +6912,12 @@
.downloadAlwaysUseSystemDefaultMenuItem {
/* checkbox */
--menuitem-image: url("../icons/folder-globe.svg");
}
.downloadAlwaysOpenSimilarFilesMenuItem {
/* checkbox */
--menuitem-image: url("../icons/fluid.svg");
}
.downloadShowMenuItem {
@ -7152,6 +7145,10 @@
--menuitem-image: url("chrome://browser/skin/new-tab.svg");
}
#menu_newUserContext {
--menuitem-image: url("../icons/container-openin-16.svg");
}
#menu_newNavigator {
--menuitem-image: url("chrome://browser/skin/window.svg");
}
@ -7180,6 +7177,11 @@
--menuitem-image: url("chrome://browser/skin/import.svg");
}
#goOfflineMenuitem {
/* checkbox */
--menuitem-image: url("../icons/plug-disconnected.svg");
}
#menu_FileQuitItem {
--menuitem-image: url("../icons/quit.svg");
}
@ -7244,6 +7246,7 @@
}
#fullScreenItem {
/* checkbox */
--menuitem-image: url("chrome://browser/skin/fullscreen.svg");
}
@ -7251,6 +7254,10 @@
--menuitem-image: url("chrome://browser/skin/reader-mode.svg");
}
#menu_showAllTabs {
--menuitem-image: url("../icons/tab.svg");
}
#documentDirection-swap {
--menuitem-image: url("../icons/text-direction-horizontal-ltr.svg");
}
@ -7290,6 +7297,10 @@
--menuitem-image: url("../icons/restore-session.svg");
}
#hiddenTabsMenu {
--menuitem-image: url("../icons/eye-hide.svg");
}
#historyUndoMenu {
--menuitem-image: url("chrome://browser/skin/tab.svg");
}
@ -7348,6 +7359,11 @@
}
/* menuWebDeveloperPopup sub menu */
#menu_devToolbox {
/* checkbox */
--menuitem-image: url("../icons/developer.svg");
}
#menu_taskManager {
--menuitem-image: url("../icons/performance.svg");
}
@ -7368,6 +7384,16 @@
--menuitem-image: url("chrome://devtools/skin/images/command-console.svg");
}
#menu_responsiveUI {
/* checkbox */
--menuitem-image: url("../icons/command-responsivemode.svg");
}
#menu_eyedropper {
/* checkbox */
--menuitem-image: url("chrome://devtools/skin/images/command-eyedropper.svg");
}
#menu_pageSource {
--menuitem-image: url("../icons/document-search.svg");
}

2
css/leptonContent.css
View file

@ -2241,7 +2241,7 @@
#show-other-bookmarks_PersonalToolbar {
/* checkbox */
/* --menuitem-image: url("../icons/star-line-horizontal.svg"); */
--menuitem-image: url("../icons/star-line-horizontal.svg");
}
#placesContext_showAllBookmarks {

3
icons/drawer-arrow-download.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="context-fill" fill-opacity="context-fill-opacity" style="stroke-width:.941092" d="M6.588 4.223a4.236 4.236 0 0 1 3.765-4.21v3.544l-.609-.608a.47.47 0 0 0-.665.665l1.412 1.412a.47.47 0 0 0 .665 0l1.412-1.412a.47.47 0 0 0-.666-.665l-.608.608V.014a4.236 4.236 0 1 1-4.706 4.209zm1.883 1.882c0 .26.21.47.47.47h3.764a.47.47 0 0 0 0-.94H8.941a.47.47 0 0 0-.47.47zm5.646 2.11a5.182 5.182 0 0 1-.941.62v.564H9.882a.47.47 0 0 0-.47.47 1.882 1.882 0 1 1-3.765 0 .47.47 0 0 0-.47-.47H1.883V6.575h4.329a5.142 5.142 0 0 1-.37-.94h-3.96c0-1.04.844-1.883 1.883-1.883h1.903c.03-.323.088-.638.174-.94H3.765A2.823 2.823 0 0 0 .942 5.633v7.53a2.823 2.823 0 0 0 2.823 2.822h7.529a2.823 2.823 0 0 0 2.823-2.823zm-.941 4.948c0 1.04-.843 1.882-1.882 1.882H3.765a1.882 1.882 0 0 1-1.882-1.882V10.34h2.862a2.824 2.824 0 0 0 5.569 0h2.862z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 922 B

3
icons/eye-tracking-off.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M.414 1.121C.152 1.517 0 1.991 0 2.5v3a.5.5 0 0 0 1 0v-3c0-.232.052-.45.146-.647l3.141 3.141A6.592 6.592 0 0 0 2.392 6.74a5.14 5.14 0 0 0-.33.521l-.006.01-.002.004v.001s-.001.001.446.225l-.447-.224a.5.5 0 0 0 .894.448v-.001l.01-.018.045-.078a4.14 4.14 0 0 1 .2-.303A5.582 5.582 0 0 1 5.02 5.726l1.293 1.293a3 3 0 1 0 4.168 4.168l3.667 3.667A1.494 1.494 0 0 1 13.5 15h-3a.5.5 0 0 0 0 1h3c.51 0 .984-.152 1.379-.414l.267.268a.5.5 0 0 0 .708-.707l-.268-.268-.732-.732-3.938-3.938L7.29 6.584 6.007 5.3l-.78-.78-3.374-3.374-.732-.732L.854.146a.5.5 0 1 0-.708.708zm9.34 9.34A2 2 0 1 1 7.04 7.746Zm6.221 3.393c.017-.116.025-.234.025-.354v-3a.5.5 0 0 0-1 0v2.379zM7.17 5.048C7.432 5.017 7.709 5 8 5c1.863 0 3.126.695 3.925 1.38.402.344.688.688.873.944a4.133 4.133 0 0 1 .245.381l.01.018v.002a.5.5 0 0 0 .894-.449v-.002l-.003-.004-.005-.01a5.13 5.13 0 0 0-.33-.522 6.491 6.491 0 0 0-1.034-1.118C11.626 4.805 10.137 4 8 4a7.68 7.68 0 0 0-1.695.183Zm6.777 2.228-.058.03-.387.193ZM3.121 1H5.5a.5.5 0 0 0 0-1h-3c-.12 0-.238.008-.354.025ZM2.5 15A1.5 1.5 0 0 1 1 13.5v-3a.5.5 0 0 0-1 0v3A2.5 2.5 0 0 0 2.5 16h3a.5.5 0 0 0 0-1Zm11-14A1.5 1.5 0 0 1 15 2.5v3a.5.5 0 0 0 1 0v-3A2.5 2.5 0 0 0 13.5 0h-3a.5.5 0 0 0 0 1Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

3
icons/fluid.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M5.998 2h5.5a1.5 1.5 0 0 1 1.5 1.5V7h-1V3.5a.5.5 0 0 0-.5-.5h-5.5zm-3 4v5.5a.5.5 0 0 0 .5.5h3.5v1h-3.5a1.5 1.5 0 0 1-1.5-1.5V6Zm-3-4.5a1.5 1.5 0 0 1 1.5-1.5h2a1.5 1.5 0 0 1 1.5 1.5v2.043a1.5 1.5 0 0 1-1.5 1.5h-2a1.5 1.5 0 0 1-1.5-1.5zm1.5-.5a.5.5 0 0 0-.5.5v2.043a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V1.5a.5.5 0 0 0-.5-.5zm6.504 8.5a1.5 1.5 0 0 1 1.5-1.5h5a1.5 1.5 0 0 1 1.5 1.5v5a1.5 1.5 0 0 1-1.5 1.5h-5a1.5 1.5 0 0 1-1.5-1.5zm1.5-.5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 669 B

3
icons/folder-globe.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="context-fill" fill-opacity="context-fill-opacity" stroke-width=".942277" d="M2.36.462A2.356 2.356 0 0 0 .003 2.817v8.481a2.356 2.356 0 0 0 2.355 2.356h4.806a5.15 5.15 0 0 1-.37-.943H2.359c-.78 0-1.413-.632-1.413-1.413V4.702h3.836c.387 0 .757-.158 1.024-.439l1.377-1.446h5.541c.781 0 1.414.633 1.414 1.414v2.45c.337.172.653.38.942.62V4.23a2.356 2.356 0 0 0-2.356-2.356H7.228L5.72.745a1.413 1.413 0 0 0-.848-.283ZM.945 2.817c0-.78.633-1.413 1.413-1.413h2.513c.102 0 .201.033.283.094l1.157.868-1.188 1.248a.471.471 0 0 1-.342.146H.946Zm9.432 8.01c.044-1.063.235-2 .509-2.685.157-.394.333-.68.504-.861.17-.18.302-.223.391-.223.089 0 .221.043.391.223.171.18.347.467.504.86.274.685.465 1.623.509 2.686zm-.366-3.035c.06-.151.126-.296.196-.433a4.245 4.245 0 0 0-2.64 3.468h1.867c.045-1.163.252-2.223.577-3.035Zm3.54 0a4.98 4.98 0 0 0-.196-.433 4.244 4.244 0 0 1 2.64 3.468H14.13c-.045-1.163-.252-2.223-.577-3.035Zm.577 3.977h1.867a4.244 4.244 0 0 1-2.64 3.467c.07-.136.136-.281.196-.432.325-.812.532-1.873.577-3.035zm-1.956 3.546c-.17.18-.302.223-.391.223-.089 0-.221-.043-.391-.223-.171-.18-.347-.467-.504-.86-.274-.685-.465-1.623-.509-2.686h2.808c-.044 1.063-.235 2-.509 2.685-.157.394-.333.68-.504.861zM7.568 11.77a4.245 4.245 0 0 0 2.64 3.467 5.037 5.037 0 0 1-.196-.432c-.325-.812-.532-1.873-.577-3.035Z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

3
icons/plug-disconnected.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M15.854.146a.5.5 0 0 1 0 .708l-1.668 1.668a4.039 4.039 0 0 1-.332 5.331l-.3.3-.003.003-.308.309a1.05 1.05 0 0 1-1.485 0L7.535 4.242a1.05 1.05 0 0 1 0-1.485l.612-.61a4.036 4.036 0 0 1 5.331-.332L15.146.146a.5.5 0 0 1 .708 0zM13.14 2.847a3.037 3.037 0 0 0-4.286.006l-.3.3a.49.49 0 0 0 0 .693l3.6 3.6c.19.191.5.192.691.002l.002-.002.3-.3a3.036 3.036 0 0 0 .006-4.286l-.007-.006zm-5.786 3.8a.5.5 0 0 1 0 .707L5.707 9 7 10.293l1.646-1.647a.5.5 0 0 1 .708.708L7.707 11l.447.447a1.49 1.49 0 0 1 0 2.107l-.3.3a4.036 4.036 0 0 1-5.332.332L.854 15.854a.5.5 0 0 1-.708-.708l1.669-1.668a4.036 4.036 0 0 1 .331-5.331l.3-.3a1.49 1.49 0 0 1 2.108 0L5 8.293l1.646-1.647a.5.5 0 0 1 .708 0zm-4.495 6.505a3.036 3.036 0 0 0 4.287-.005l.3-.3a.49.49 0 0 0 0-.693l-3.6-3.6a.49.49 0 0 0-.692 0l-.3.3a3.036 3.036 0 0 0 0 4.292l.005.006z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 973 B

14
src/icons/_global_menu.scss
View file

@ -4,6 +4,7 @@
--menuitem-image: url("chrome://browser/skin/new-tab.svg");
}
#menu_newUserContext {
--menuitem-image: url("../icons/container-openin-16.svg");
}
#menu_newNavigator {
--menuitem-image: url("chrome://browser/skin/window.svg");
@ -43,6 +44,8 @@
}
#goOfflineMenuitem {
/* checkbox */
--menuitem-image: url("../icons/plug-disconnected.svg");
}
#menu_FileQuitItem {
--menuitem-image: url("../icons/quit.svg");
@ -109,12 +112,14 @@
}
#fullScreenItem {
/* checkbox */
--menuitem-image: url("chrome://browser/skin/fullscreen.svg");
}
#menu_readerModeItem {
--menuitem-image: url("chrome://browser/skin/reader-mode.svg");
}
#menu_showAllTabs {
--menuitem-image: url("../icons/tab.svg");
}
#documentDirection-swap {
@ -152,6 +157,7 @@
--menuitem-image: url("../icons/restore-session.svg");
}
#hiddenTabsMenu {
--menuitem-image: url("../icons/eye-hide.svg")
}
#historyUndoMenu {
--menuitem-image: url("chrome://browser/skin/tab.svg");
@ -209,7 +215,7 @@
}
#webDeveloperMenu, /* Legacy */
#browserToolsMenu {
#browserToolsMenu {
--menuitem-image: url("../icons/developer.svg");
}
#menu_pageInfo {
@ -220,6 +226,8 @@
#enableDeveloperTools {
}
#menu_devToolbox {
/* checkbox */
--menuitem-image: url("../icons/developer.svg");
}
#menu_taskManager {
--menuitem-image: url("../icons/performance.svg");
@ -237,8 +245,12 @@
--menuitem-image: url("chrome://devtools/skin/images/command-console.svg");
}
#menu_responsiveUI {
/* checkbox */
--menuitem-image: url("../icons/command-responsivemode.svg");
}
#menu_eyedropper {
/* checkbox */
--menuitem-image: url("chrome://devtools/skin/images/command-eyedropper.svg");
}
#menu_pageSource {
--menuitem-image: url("../icons/document-search.svg");

34
src/icons/_layout_menu.scss
View file

@ -1,6 +1,6 @@
//-- Mixin ---------------------------------------------------------------------
// Items
$_iconNoneCommon: ".in-menulist, [type=\"checkbox\"], [checked=\"true\"]";
$_iconNoneCommon: ".in-menulist, [checked=\"true\"]";
$_iconMenuitem: "menuitem:not(.menuitem-iconic, .bookmark-item, #{$_iconNoneCommon})";
$_iconMenu: "menu:not(.menu-iconic, #{$_iconNoneCommon})";
@ -57,8 +57,10 @@ $_layoutCommonMenus: (
}
//------------------------------------------------------------------------------
menupopup menuitem:not([type="checkbox"], [type="radio"]),
menupopup menu:not([type="checkbox"], [type="radio"]),
#{selector.append(
"menupopup menuitem, menupopup menu",
":not([type=\"checkbox\"][checked=\"true\"], [type=\"radio\"])"
)},
#{$_globalMenus} {
-moz-appearance: none !important; /* Linux: menulist */
}
@ -113,18 +115,18 @@ menupopup menu:not([type="checkbox"], [type="radio"]),
}
/* Padding - Windows */
@include OS($win) {
/* Checkbox */
:root {
--context-menu-text-padding: calc(var(--menu-padding) + var(--context-menu-background-padding-default) + 16px);
}
:not(menu, #ContentSelectDropdown, #context-navigation)
> menupopup
> menuitem[type="checkbox"]:not([checked="true"])
> .menu-iconic-left {
padding-inline-start: var(--context-menu-text-padding);
}
}
// @include OS($win) {
// /* Checkbox */
// :root {
// --context-menu-text-padding: calc(var(--menu-padding) + var(--context-menu-background-padding-default) + 16px);
// }
// :not(menu, #ContentSelectDropdown, #context-navigation)
// > menupopup
// > menuitem[type="checkbox"]:not([checked="true"])
// > .menu-iconic-left {
// padding-inline-start: var(--context-menu-text-padding);
// }
// }
@include OS($win7) {
:root {
@ -185,7 +187,7 @@ menupopup menu:not([type="checkbox"], [type="radio"]),
}
/* Checkbox menuitem, None iconic menu */
#{selector.nest($_nestedPopupPadding, "menuitem[type=\"checkbox\"], menu:not(.menu-iconic)")} {
#{selector.nest($_nestedPopupPadding, "menuitem[checked=\"true\"], menu:not(.menu-iconic)")} {
padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-mac-padding)) !important;
}

4
src/icons/_panel.scss
View file

@ -278,7 +278,7 @@ panelMenuBookmarkThisPage[starred] {
#PanelUI-developer-tools-view .subviewbutton:nth-child(4) {
list-style-image: url("../icons/window-dev-tools.svg");
}
/* Browser Content Toolbaox - */
/* Browser Content Toolbox */
#appmenu-developer-tools-view .subviewbutton:nth-child(5),
#PanelUI-developer-tools-view .subviewbutton:nth-child(5) {
list-style-image: url("../icons/command-frames.svg");
@ -371,7 +371,7 @@ panelMenuBookmarkThisPage[starred] {
}
#allTabsMenu-hiddenTabsButton {
list-style-image: url("../icons/password-hide.svg");
list-style-image: url("../icons/eye-hide.svg")
}
#allTabsMenu-containerTabsView .subviewbutton:last-child {

9
src/icons/context_menu/_content_area.scss
View file

@ -4,12 +4,12 @@
}
#context-viewsource-wrapLongLines {
/* checkbox */
/* --menuitem-image: url("../icons/arrow-sort-down-lines.svg"); */
--menuitem-image: url("../icons/arrow-sort-down-lines.svg");
}
#context-viewsource-highlightSyntax {
/* checkbox */
/* --menuitem-image: url("../icons/code.svg"); */
--menuitem-image: url("../icons/code.svg");
}
#spell-no-suggestions {
@ -77,7 +77,7 @@
}
#context-media-loop {
/* checkbox */
/* --menuitem-image: url("../icons/arrow-repeat-all.svg"); */
--menuitem-image: url("../icons/arrow-repeat-all.svg");
}
#context-leave-dom-fullscreen {
--menuitem-image: url("chrome://global/skin/media/fullscreenExitButton.svg");
@ -97,7 +97,7 @@
}
#context-video-pictureinpicture {
/* checkbox */
/* --menuitem-image: url("chrome://global/skin/media/picture-in-picture-open.svg"); */
--menuitem-image: url("chrome://global/skin/media/picture-in-picture-open.svg");
}
#context-reloadimage {
@ -209,6 +209,7 @@
#spell-check-enabled {
/* checkbox */
--menuitem-image: url("../icons/text-proofing-tools.svg");
}
#spell-add-dictionaries-main {
--menuitem-image: url("../icons/book-add.svg");

7
src/icons/context_menu/_others.scss
View file

@ -13,6 +13,7 @@
/*= autohide-context =========================================================*/
#autohide-context > menuitem[data-l10n-id="full-screen-autohide"] {
/* checkbox */
--menuitem-image: url("../icons/eye-tracking-off.svg");
}
#autohide-context > menuitem[data-l10n-id="full-screen-exit"] {
@ -56,6 +57,7 @@
/*= downloads-button-autohide-panel ==========================================*/
#downloads-button-autohide-checkbox {
/* checkbox */
--menuitem-image: url("../icons/eye-tracking-off.svg");
}
/*= downloadsContextMenu =====================================================*/
@ -73,6 +75,11 @@
}
.downloadAlwaysUseSystemDefaultMenuItem {
/* checkbox */
--menuitem-image: url("../icons/folder-globe.svg");
}
.downloadAlwaysOpenSimilarFilesMenuItem {
/* checkbox */
--menuitem-image: url("../icons/fluid.svg");
}
.downloadShowMenuItem {
--menuitem-image: url("chrome://global/skin/icons/folder.svg");

2
src/icons/context_menu/_place.scss
View file

@ -68,7 +68,7 @@
}
#show-other-bookmarks_PersonalToolbar {
/* checkbox */
/* --menuitem-image: url("../icons/star-line-horizontal.svg"); */
--menuitem-image: url("../icons/star-line-horizontal.svg");
}
#placesContext_showAllBookmarks {
--menuitem-image: url("chrome://browser/skin/bookmark-star-on-tray.svg");

12
src/icons/context_menu/_tab_toolbar.scss
View file

@ -85,12 +85,18 @@
.customize-context-moveToPanel {
--menuitem-image: url("chrome://browser/skin/pin-12.svg");
}
.toolbar-context-autohide-downloads-button {
--menuitem-image: url("../icons/password-hide.svg");
#toolbar-context-autohide-downloads-button {
/* checkbox */
--menuitem-image: url("../icons/eye-tracking-off.svg");
}
.customize-context-removeFromToolbar {
--menuitem-image: url("chrome://global/skin/icons/delete.svg");
}
#toolbar-context-always-open-downloads-panel {
/* checkbox */
--menuitem-image: url("../icons/drawer-arrow-download.svg");
}
#toolbar-context-openANewTab {
--menuitem-image: url("chrome://browser/skin/new-tab.svg");
}
@ -112,7 +118,7 @@
#toggle_toolbar-menubar {
/* checkbox */
/* --menuitem-image: url("../icons/calendar-agenda.svg"); */
--menuitem-image: url("../icons/calendar-agenda.svg");
}
#toggle_PersonalToolbar {
/* Also placeContext */