add context menu icons #36

This commit is contained in:
bmFtZQ 2022-06-23 01:09:24 +08:00
parent afdf696045
commit 5638fd440f
44 changed files with 609 additions and 76 deletions

View file

@ -76,6 +76,10 @@ To disable a tweak, set the key to `false` or delete it, then restart the browse
|-|
|`uc.tweak.less-permissions-button-padding`|
|disable custom context menus|
|-|
|`uc.tweak.revert-context-menu`|
## Mica Tweak Instructions (Windows 11 Only)
1. Download and install [Mica For Everyone](https://github.com/MicaForEveryone/MicaForEveryone).
2. Create a custom process rule with the following:

View file

@ -46,9 +46,9 @@
--input-error-border-color: #FF848A !important;
--zoom-controls-bgcolor: #4A4A4A !important;
--arrowpanel-background: #fff !important;
--arrowpanel-color: #000 !important;
--arrowpanel-color: #1c1c1c !important;
--panel-description-color: #000a !important;
--panel-disabled-color: #0009 !important;
--panel-disabled-color: #9E9E9E !important;
--arrowpanel-dimmed: #565656 !important;
--arrowpanel-dimmed-further: #707070 !important;
--panel-item-hover-bgcolor: #eee !important;

View file

@ -386,18 +386,20 @@ panelview .toolbarbutton-1,
min-height: calc(16px + var(--uc-contextmenu-menuitem-padding-block) * 2) !important;
}
/* disable context menu when this tweak is applied */
@supports not -moz-bool-pref("uc.tweak.revert-context-menu") {
/* Context Menu */
menupopup,
menupopup menuitem,
menupopup menu,
menupopup menuseparator,
menupopup:not(.PanelUI-subView),
menupopup:not(.PanelUI-subView) menuitem,
menupopup:not(.PanelUI-subView) menu,
menupopup:not(.PanelUI-subView) menuseparator,
panel {
-moz-appearance: none !important;
}
menupopup,
menupopup:not(.PanelUI-subView),
panel[type="autocomplete-richlistbox"],
menulist>menupopup>menucaption {
menulist>menupopup:not(.PanelUI-subView)>menucaption {
-moz-window-shadow: none !important;
background: 0 !important;
border: 0 !important;
@ -412,44 +414,62 @@ panel[type="autocomplete-richlistbox"]>.autocomplete-richlistbox,
}
/* make room for menu shadow */
menupopup {
menupopup:not(.PanelUI-subView) {
padding: 4px 12px 20px !important;
margin: -6px -12px -16px !important;
}
#bookmarks-menu-button menupopup {
padding: 4px 12px 20px !important;
margin: -8px -24px -16px -12px !important;
}
/* cut off shadow so it doesn't get in the way of the menubar items */
menubar menupopup {
padding: 1px 8px 20px !important;
margin: -1px -4px -16px !important;
}
.menupopup-arrowscrollbox {
box-shadow:
menupopup {
--uc-margin: 0 !important;
--uc-box-shadow:
0 8px 12px #0003,
0 4px 5px #0002,
0 2px 4px #0002,
0 0 0 1px #0001 !important;
0 0 0 1px #0001;
}
/* no way to get current firefox theme, using prefers-color-scheme instead */
@media (prefers-color-scheme:dark) {
.menupopup-arrowscrollbox {
box-shadow:
menupopup {
--uc-box-shadow:
0 8px 12px #0003,
0 4px 5px #0003,
0 2px 4px #0002,
0 0 0 1px #0002 !important;
0 0 0 1px #0002;
}
}
/* use default shadow for subview menupopup (eg. bookmarks) */
menupopup.PanelUI-subView {
--uc-box-shadow: 0 0 0 1px var(--panel-border-color);
--uc-margin: 1px !important;
margin-top: -5px !important;
}
.menupopup-arrowscrollbox {
box-shadow: var(--uc-box-shadow) !important;
}
.popup-internal-box,
.menupopup-arrowscrollbox {
margin: 0 !important;
}
.menupopup-arrowscrollbox {
margin: var(--uc-margin) !important;
}
.popup-internal-box {
margin: 0 !important;
}
.popup-internal-box,
.menupopup-arrowscrollbox {
padding: var(--uc-contextmenu-padding) !important;
border-radius: var(--uc-contextmenu-border-radius) !important;
color: inherit !important;
@ -622,3 +642,4 @@ menuitem[checked="true"]>.menu-iconic-left,
font-size: 13.6px !important;
}
}
}

View file

@ -204,42 +204,61 @@ browsing indicator) */
}
@media not (-moz-platform: macos) {
@supports -moz-bool-pref("uc.tweak.horizontal-context-navigation") {
#context-navigation {
flex-direction: column !important;
-moz-box-orient: vertical !important;
}
@supports not -moz-bool-pref("uc.tweak.revert-context-menu") {
@supports -moz-bool-pref("uc.tweak.horizontal-context-navigation") {
#context-navigation {
flex-direction: column !important;
-moz-box-orient: vertical !important;
}
#context-navigation>.menuitem-iconic {
-moz-box-pack: start !important;
}
#context-navigation>.menuitem-iconic {
-moz-box-pack: start !important;
}
#context-navigation .menu-iconic-text {
display: -moz-box !important;
}
#context-navigation .menu-iconic-text {
display: -moz-box !important;
}
#context-navigation>#context-back .menu-iconic-text::before {
content: "Back" !important;
}
#context-navigation>#context-back .menu-iconic-text::before {
content: "Back" !important;
}
#context-navigation>#context-forward .menu-iconic-text::before {
content: "Forward" !important;
}
#context-navigation>#context-forward .menu-iconic-text::before {
content: "Forward" !important;
}
#context-navigation>#context-reload .menu-iconic-text::before {
content: "Reload" !important;
}
#context-navigation>#context-reload .menu-iconic-text::before {
content: "Reload" !important;
}
#context-navigation>#context-stop .menu-iconic-text::before {
content: "Stop" !important;
}
#context-navigation>#context-stop .menu-iconic-text::before {
content: "Stop" !important;
}
#context-navigation>#context-bookmarkpage .menu-iconic-text::before {
content: "Bookmark Page" !important;
}
#context-navigation>#context-bookmarkpage .menu-iconic-text::before {
content: "Bookmark Page" !important;
}
#context-navigation>#context-bookmarkpage[starred] .menu-iconic-text::before {
content: "Edit Bookmark" !important;
#context-navigation>#context-bookmarkpage[starred] .menu-iconic-text::before {
content: "Edit Bookmark" !important;
}
}
}
}
@media (-moz-windows-compositor) {
@supports -moz-bool-pref("uc.tweak.revert-context-menu") {
menupopup {
--panel-color: var(--arrowpanel-color) !important;
--panel-border-radius: 4px !important;
--panel-border-color: var(--arrowpanel-border-color) !important;
--panel-background: var(--arrowpanel-background) !important;
--menuitem-hover-background-color: var(--panel-item-hover-bgcolor) !important;
--menu-background-color: var(--arrowpanel-background) !important;
--menu-color: var(--arrowpanel-color) !important;
--menuitem-disabled-hover-background-color: #0000 !important;
--menu-disabled-color: var(--panel-disabled-color) !important;
--menu-border-color: var(--panel-separator-color) !important;
}
}
}

3
chrome/icons/accessibility.svg Executable file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M8 0a2.5 2.5 0 0 0-2.396 3.213l-2.24-.847a1.746 1.746 0 0 0-1.245 3.26L5 6.736v2.398l-1.643 4.524a1.747 1.747 0 0 0 3.284 1.194L8 11.145l1.365 3.702a1.745 1.745 0 0 0 3.278-1.2L11 9.124V6.73l2.867-1.087a1.752 1.752 0 1 0-1.244-3.278l-2.227.843A2.5 2.5 0 0 0 8 0zm0 1a1.5 1.5 0 1 1 0 2.999 1.5 1.5 0 0 1 0-3zM2.729 3.252a.74.74 0 0 1 .28.05l4.104 1.551c.571.216 1.201.216 1.772 0l4.094-1.552a.754.754 0 1 1 .535 1.41l-3.192 1.208a.498.498 0 0 0-.322.467V9.21c0 .058.01.117.03.171l1.673 4.608a.745.745 0 0 1-1.4.511l-1.37-3.719c-.319-.867-1.547-.866-1.865.002L5.703 14.51a.747.747 0 1 1-1.404-.511l1.67-4.606A.497.497 0 0 0 6 9.222v-2.83a.5.5 0 0 0-.32-.467L2.479 4.693a.745.745 0 0 1 .25-1.44z"/>
</svg>

After

Width:  |  Height:  |  Size: 834 B

View file

@ -0,0 +1,4 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4.35a5.769 5.769 0 0 1-1.076-1H4.001a1 1 0 0 1-1-1h3.605a5.376 5.376 0 0 1-.406-1H3V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v4.199a5.2 5.2 0 0 1 1 .398V2a2 2 0 0 0-2-2H4zm1 2a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H5zm0 1h6v1H5V3z"/>
<path d="M16 11.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0zm-4-2a.5.5 0 0 0-1 0V11H9.5a.5.5 0 0 0 0 1H11v1.5a.5.5 0 0 0 1 0V12h1.5a.5.5 0 0 0 0-1H12z"/>
</svg>

After

Width:  |  Height:  |  Size: 571 B

View file

@ -0,0 +1,4 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M14.13 7c-.478 0-.957.18-1.322.547l-4.828 4.83a2.2 2.2 0 0 0-.578 1.02l-.375 1.498a.889.889 0 0 0 1.078 1.078l1.498-.375a2.2 2.2 0 0 0 1.02-.578l4.828-4.828A1.872 1.872 0 0 0 14.13 7zm-.002 1.002c.427.002.671.224.8.537.13.314.116.643-.187.947l-4.826 4.826a1.204 1.204 0 0 1-.556.315l-1.316.332.33-1.32H8.37c.053-.21.163-.403.316-.557l4.828-4.83a.85.85 0 0 1 .614-.25zm-6.266 7 .002.002H7.86z"/>
<path d="M12.94.182c-.08.004-.162.02-.242.045l-7 2.188a.998.998 0 0 0-.701.953V11.5a2.5 2.5 0 1 0 1 2V6.368l7-2.188v2.055c.32-.137.66-.213 1-.229V1.18c0-.59-.5-1.032-1.057-.998zm.057.998v1.953l-7 2.188V3.368l7-2.188zM3.497 12a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z"/>
</svg>

After

Width:  |  Height:  |  Size: 801 B

View file

@ -1,4 +1,4 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M1.5 12a.5.5 0 0 0-.5.5v1C1 14.875 2.125 16 3.5 16h9c1.375 0 2.5-1.125 2.5-2.5v-1a.5.5 0 0 0-1 0v1c0 .834-.666 1.5-1.5 1.5h-9c-.834 0-1.5-.666-1.5-1.5v-1a.5.5 0 0 0-.5-.5z"/>
<path d="M8 .75c-.305 0-.61.15-.758.45L5.84 4.04l-3.133.453c-.661.096-.947.977-.469 1.443l2.268 2.211-.535 3.121c-.113.66.635 1.202 1.227.89l2.803-1.474 2.803 1.475c.592.311 1.34-.232 1.227-.89l-.535-3.122 2.268-2.21c.479-.467.193-1.348-.469-1.444l-3.133-.453L8.76 1.2A.829.829 0 0 0 8.002.75zm0 1.174 1.297 2.627a.854.854 0 0 0 .643.467l2.9.422-2.098 2.045a.855.855 0 0 0-.246.756l.494 2.889-2.592-1.363a.859.859 0 0 0-.797 0L5.009 11.13l.494-2.89a.855.855 0 0 0-.246-.755L3.159 5.44l2.9-.422A.854.854 0 0 0 6.7 4.55z"/>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="context-fill" stroke-opacity="context-fill-opacity" stroke-linecap="round" stroke-width="1.001">
<path d="m8 12.95-4.09 2.151a.501.501 0 0 1-.727-.528l.731-4.266a.561.562 0 0 0-.161-.498L.655 6.79a.501.501 0 0 1 .278-.855l4.28-.623a.561.562 0 0 0 .423-.307L7.55 1.123a.501.501 0 0 1 .9 0l2.031 4.115a.475.475 0 0 0 .426.264H15.5"/>
<path d="M15.5 8.5h-5M10.5 11.5h5"/>
</svg>

Before

Width:  |  Height:  |  Size: 837 B

After

Width:  |  Height:  |  Size: 463 B

Before After
Before After

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M2 0C.901 0 0 .901 0 2v1.5a.5.5 0 0 0 .5.5.5.5 0 0 0 .5-.5V2c0-.558.442-1 1-1h1.5A.5.5 0 0 0 4 .5a.5.5 0 0 0-.5-.5H2zm10.5 0a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5H14c.558 0 1 .442 1 1v1.5a.5.5 0 0 0 .5.5.5.5 0 0 0 .5-.5V2c0-1.099-.901-2-2-2h-1.5zm-8 2A2.508 2.508 0 0 0 2 4.5v7C2 12.875 3.125 14 4.5 14h7c1.375 0 2.5-1.125 2.5-2.5v-7C14 3.125 12.875 2 11.5 2h-7zm0 1H7v1.5C7 5.323 7.677 6 8.5 6H13v5.5c0 .834-.666 1.5-1.5 1.5h-7c-.834 0-1.5-.666-1.5-1.5v-7C3 3.666 3.666 3 4.5 3zM8 3h3.5c.834 0 1.5.666 1.5 1.5V5H8.5a.493.493 0 0 1-.5-.5V3zM.5 12a.5.5 0 0 0-.5.5V14c0 1.099.901 2 2 2h1.5a.5.5 0 0 0 .5-.5.5.5 0 0 0-.5-.5H2c-.558 0-1-.442-1-1v-1.5a.5.5 0 0 0-.5-.5zm15 0a.5.5 0 0 0-.5.5V14c0 .558-.442 1-1 1h-1.5a.5.5 0 0 0-.5.5.5.5 0 0 0 .5.5H14c1.099 0 2-.901 2-2v-1.5a.5.5 0 0 0-.5-.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 922 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M5.5 0A2.5 2.5 0 0 0 3 2.5v8A2.5 2.5 0 0 0 5.5 13h8a2.5 2.5 0 0 0 2.5-2.5v-8A2.5 2.5 0 0 0 13.5 0h-8zm0 1H7v1.5A1.5 1.5 0 0 0 8.5 4H15v6.5a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 4 10.5v-8A1.5 1.5 0 0 1 5.5 1zM8 1h5.5A1.5 1.5 0 0 1 15 2.5V3H8.5a.5.5 0 0 1-.5-.5V1zM2 3.05A2.5 2.5 0 0 0 0 5.5V12a4 4 0 0 0 4 4h6.5a2.5 2.5 0 0 0 2.45-2h-1.036a1.5 1.5 0 0 1-1.414 1H4a3 3 0 0 1-3-3V5.5a1.5 1.5 0 0 1 1-1.414V3.05z"/>
</svg>

After

Width:  |  Height:  |  Size: 551 B

3
chrome/icons/edit-delete.svg Executable file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M8 .5A2.5 2.5 0 0 0 5.5 3H1a.5.5 0 0 0-.5.5l.008.09A.5.5 0 0 0 1 4h.553L2.85 14.229A2 2 0 0 0 4.836 16h6.328a2 2 0 0 0 1.986-1.771L14.445 4H15a.5.5 0 0 0 0-1h-4.5A2.5 2.5 0 0 0 8 .5zm0 1A1.5 1.5 0 0 1 9.5 3h-3A1.5 1.5 0 0 1 8 1.5zM2.56 4h10.877l-1.28 10.116a.998.998 0 0 1-.993.884H4.836a.998.998 0 0 1-.992-.884zM6.5 6.5c-.276 0-.5.196-.5.438v5.124l.008.078c.042.204.247.36.492.36.276 0 .5-.196.5-.438V6.938l-.008-.079C6.95 6.655 6.745 6.5 6.5 6.5zm3 0c-.276 0-.5.196-.5.438v5.124l.008.078c.042.204.247.36.492.36.276 0 .5-.196.5-.438V6.938l-.008-.079C9.95 6.655 9.745 6.5 9.5 6.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 723 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path transform="scale(-1 1) translate(-16 0)" d="M1.5 0a.5.5 0 0 0-.5.5v4.9a.6.6 0 0 0 .6.6h4.9a.5.5 0 0 0 0-1H2.906L6.38 1.98a4 4 0 1 1 5.248 6.04l-8.172 7.103a.5.5 0 1 0 .656.754l8.172-7.104a5.001 5.001 0 0 0-6.56-7.547L2 4.464V.5a.5.5 0 0 0-.5-.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 384 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M6 0a2 2 0 0 0-2 2v.5a.5.5 0 0 0 1 0V2a1 1 0 0 1 1-1h.5a.5.5 0 0 0 0-1H6zm2.5 0a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zm5 0a.5.5 0 0 0 0 1h.5a1 1 0 0 1 1 1v.5a.5.5 0 0 0 1 0V2a2 2 0 0 0-2-2h-.5zM2 4a2 2 0 0 0-2 2v6.5A3.5 3.5 0 0 0 3.5 16H10a2 2 0 0 0 2-2v-1h-1v1a1 1 0 0 1-1 1H3.5A2.5 2.5 0 0 1 1 12.5V6a1 1 0 0 1 1-1h1V4H2zm2.5 0a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-.5-.5zm11 0a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-.5-.5zm-11 5a.5.5 0 0 0-.5.5v.5a2 2 0 0 0 2 2h.5a.5.5 0 0 0 0-1H6a1 1 0 0 1-1-1v-.5a.5.5 0 0 0-.5-.5zm11 0a.5.5 0 0 0-.5.5v.5a1 1 0 0 1-1 1h-.5a.5.5 0 0 0 0 1h.5a2 2 0 0 0 2-2v-.5a.5.5 0 0 0-.5-.5zm-7 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3z"/>
</svg>

After

Width:  |  Height:  |  Size: 813 B

3
chrome/icons/edit-undo.svg Executable file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M1.5 0a.5.5 0 0 0-.5.5v4.9a.6.6 0 0 0 .6.6h4.9a.5.5 0 0 0 0-1H2.906L6.38 1.98a4 4 0 1 1 5.248 6.04l-8.172 7.103a.5.5 0 1 0 .656.754l8.172-7.104a5.001 5.001 0 0 0-6.56-7.547L2 4.464V.5a.5.5 0 0 0-.5-.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 343 B

3
chrome/icons/edit.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M11.25.815a2.783 2.783 0 0 1 4.066 3.796l-.13.14-9.606 9.605a2 2 0 0 1-.723.463l-.165.053-4.055 1.106a.5.5 0 0 1-.63-.535l.016-.08L1.13 11.31a2 2 0 0 1 .398-.76l.117-.128zm-.86 2.275-8.04 8.038a1 1 0 0 0-.215.321l-.042.123-.876 3.211 3.212-.876a1 1 0 0 0 .238-.1l.108-.071.098-.086 8.038-8.04zm4.089-1.568a1.784 1.784 0 0 0-2.402-.11l-.12.11-.86.86 2.52 2.522.861-.86a1.784 1.784 0 0 0 .11-2.402z"/>
</svg>

After

Width:  |  Height:  |  Size: 538 B

View file

@ -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);
}

View file

@ -0,0 +1,5 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M6.498 5.497a.998.998 0 1 0 0-1.995.998.998 0 0 0 0 1.995z"/>
<path d="M3 4a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm3-2a2 2 0 0 0-2 2v6c0 .37.101.718.277 1.016L7.79 7.502a1.71 1.71 0 0 1 2.418 0l3.514 3.514c.176-.298.277-.645.277-1.016V4a2 2 0 0 0-2-2zm7.016 9.723L9.502 8.209a.71.71 0 0 0-1.004 0l-3.514 3.514c.298.176.645.277 1.016.277h6c.37 0 .718-.101 1.016-.277z"/>
<path d="M10 15c.888 0 1.687-.386 2.236-1H5.5A3.5 3.5 0 0 1 2 10.5V3.764C1.386 4.314 1 5.112 1 6v4.5A4.5 4.5 0 0 0 5.5 15z"/>
</svg>

After

Width:  |  Height:  |  Size: 662 B

View file

@ -0,0 +1,8 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M3 1c-1.099 0-2 .9-2 2v3.174C1.313 6.064 1.648 6 2 6V3c0-.563.437-1 1-1h3v1.5C6 4.323 6.677 5 7.5 5H14v8c0 .563-.437 1-1 1h-3c0 .352-.064.687-.174 1H13c1.1 0 2-.9 2-2V3c0-1.099-.9-2-2-2H3zm4 1h6c.563 0 1 .437 1 1v1H7.5a.493.493 0 0 1-.5-.5V2z"/>
<g fill="none" stroke="context-fill" stroke-opacity="context-fill-opacity" stroke-width="1.001">
<rect x=".5" y="7.5" width="8" height="8" rx="1.5" ry="1.5"/>
<path d="m1 15 2.793-2.793a1 1 0 0 1 1.414 0L8 15"/>
</g>
<circle cx="6.25" cy="9.75" r=".75"/>
</svg>

After

Width:  |  Height:  |  Size: 649 B

View file

@ -0,0 +1,4 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M4 1a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h2.006a1.8 1.8 0 0 1 .05-.348L6.22 14h-2.22c-.355 0-.704-.094-1.011-.273L7.65 9.145a.496.496 0 0 1 .7 0l.73.716.707-.707-.737-.722a1.5 1.5 0 0 0-2.102 0l-4.67 4.588A1.989 1.989 0 0 1 2 12V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2.006c.044-.002.087-.006.13-.006h.003c.305 0 .596.051.867.139v-2.14a3 3 0 0 0-3-3zm6.5 3c-2 0-2 3 0 3s2-3 0-3zm0 1c.667 0 .667 1 0 1s-.667-1 0-1z"/>
<path d="M14.13 7c-.478 0-.957.18-1.322.547l-4.828 4.83a2.2 2.2 0 0 0-.578 1.02l-.375 1.498a.889.889 0 0 0 1.078 1.078l1.498-.375a2.2 2.2 0 0 0 1.02-.578l4.828-4.828A1.872 1.872 0 0 0 14.13 7zm-.002 1.002c.427.002.671.224.8.537.13.314.116.643-.187.947l-4.826 4.826a1.204 1.204 0 0 1-.556.315l-1.316.332.33-1.32H8.37c.053-.21.163-.403.316-.557l4.828-4.83a.85.85 0 0 1 .614-.25zm-6.266 7 .002.002H7.86l.002-.002z"/>
</svg>

After

Width:  |  Height:  |  Size: 957 B

3
chrome/icons/inspect.svg Executable file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M2 1a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h5v-1H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v7a1 1 0 0 1-.885.994l.446.445c.113.114.205.242.275.38A2.001 2.001 0 0 0 16 10V3a2 2 0 0 0-2-2H2zm6.598 6.01A.5.5 0 0 0 8 7.5v7a.5.5 0 0 0 .91.287l1.57-2.246 2.944.453a.499.499 0 0 0 .43-.848l-5-5a.499.499 0 0 0-.256-.136zM9 8.707l3.066 3.066-1.74-.267a.5.5 0 0 0-.486.207L9 12.914V8.707z"/>
</svg>

After

Width:  |  Height:  |  Size: 518 B

3
chrome/icons/link.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M6 4a.5.5 0 0 1 .09.992L6 5H4a3 3 0 0 0-.197 5.994L4 11h2a.5.5 0 0 1 .09.992L6 12H4a4 4 0 0 1-.219-7.994L4.001 4zm6 0a4 4 0 0 1 .22 7.994L12 12h-2a.5.5 0 0 1-.09-.992L10 11h2a3 3 0 0 0 .198-5.994L12 5h-2a.5.5 0 0 1-.09-.992L10 4zM4 7.5h8a.5.5 0 0 1 .09.992L12 8.5H4a.5.5 0 0 1-.09-.992L4 7.5h8z"/>
</svg>

After

Width:  |  Height:  |  Size: 436 B

3
chrome/icons/manage.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M7.004 4.5A4.5 4.5 0 0 1 13.356.398a.5.5 0 0 1 .147.809L11.21 3.5l1.293 1.293L14.796 2.5a.5.5 0 0 1 .81.148 4.5 4.5 0 0 1-5.207 6.215L4.032 15.31A2.357 2.357 0 0 1 .66 12.018l6.425-6.66a4.52 4.52 0 0 1-.082-.858zm4.5-3.5a3.5 3.5 0 0 0-3.387 4.386.5.5 0 0 1-.124.473L1.38 12.712a1.357 1.357 0 0 0 1.943 1.896l6.574-6.66a.5.5 0 0 1 .512-.123A3.5 3.5 0 0 0 14.93 3.78l-2.073 2.072a.5.5 0 0 1-.707 0l-2-2a.5.5 0 0 1 0-.707l2.073-2.073a3.516 3.516 0 0 0-.72-.074z"/>
</svg>

After

Width:  |  Height:  |  Size: 600 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M9.957.502a.501.501 0 0 0-.37.783l.06.069 1.656 1.656c-.1-.006-.201-.01-.303-.01H5l-.217.004a5 5 0 0 0-3.69 8.119.5.5 0 1 0 .8-.602A4 4 0 0 1 5 4h6.002l.143.002.14.008-1.637 1.636-.058.069a.503.503 0 0 0 0 .57l.058.069.069.058c.17.118.4.118.57 0l.069-.058 2.5-2.5.058-.069a.503.503 0 0 0 0-.57l-.058-.069-2.5-2.5-.069-.058a.502.502 0 0 0-.328-.086zm4.543 4.17a.5.5 0 0 0-.39.812A4 4 0 0 1 11 12H5l-.143-.002-.14-.008 1.637-1.636.058-.069a.501.501 0 0 0-.766-.639l-2.5 2.5-.058.069a.501.501 0 0 0 .058.639l2.5 2.5.069.058a.501.501 0 0 0 .639-.058l.058-.069a.501.501 0 0 0-.058-.639L4.697 12.99c.1.006.201.01.303.01h6l.217-.004a5 5 0 0 0 3.676-8.135l-.018-.021-.066-.063a.498.498 0 0 0-.309-.105z"/>
</svg>

After

Width:  |  Height:  |  Size: 836 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M8.852.01a.985.985 0 0 0-.532.26L4.447 3.865a.499.499 0 0 1-.34.133H1.5a1.5 1.5 0 0 0-1.5 1.5v5.003a1.5 1.5 0 0 0 1.5 1.5h2.607c.127 0 .248.048.34.134L8.32 15.73c.64.594 1.68.141 1.68-.732V1.002C10 .347 9.414-.072 8.852.01zM9 1.002v13.996l-3.873-3.596a1.497 1.497 0 0 0-1.02-.4H1.5a.5.5 0 0 1-.5-.5V5.498a.5.5 0 0 1 .5-.5h2.607a1.5 1.5 0 0 0 1.02-.401zM11.5 5.5a.5.5 0 0 0-.354.854L12.793 8l-1.647 1.647a.5.5 0 0 0 .708.708L13.5 8.707l1.646 1.648a.5.5 0 1 0 .708-.708L14.207 8l1.647-1.647a.5.5 0 0 0-.708-.708L13.5 7.293l-1.646-1.648A.498.498 0 0 0 11.5 5.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 700 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M7 5.5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0zm3 0a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0zM8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zM1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8z"/>
</svg>

After

Width:  |  Height:  |  Size: 286 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M3 1a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3zm0 1h10a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm4 5a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zm0 1h6v4h-1.293L9.354 9.646a.5.5 0 0 0-.708 0L7 11.293zm4.5 1a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1zM9 10.707 10.293 12H7.707z"/>
</svg>

After

Width:  |  Height:  |  Size: 465 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M7.125 5.184A.75.75 0 0 0 6 5.834v4.333a.75.75 0 0 0 1.125.65l4.125-2.383a.5.5 0 0 0 0-.866zM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 1 0 0 14A7 7 0 0 0 8 1z"/>
</svg>

After

Width:  |  Height:  |  Size: 302 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M8.006 3A8.517 8.517 0 0 0 .03 8.545a.5.5 0 0 0 .295.644.5.5 0 0 0 .643-.294c.1-.272.232-.526.361-.78l1.928 1.073a.5.5 0 0 0 .68-.196.5.5 0 0 0-.196-.68L1.844 7.259A7.479 7.479 0 0 1 7.5 4.039V6.5A.5.5 0 0 0 8 7a.5.5 0 0 0 .5-.5V4.04c.62.041 1.23.139 1.807.325l.65-.806a1.5 1.5 0 0 1 .002-.002A8.437 8.437 0 0 0 8.006 3zm4.117 1a.5.5 0 0 0-.387.186l-5.185 6.439c-.483.6-.724 1.448-.364 2.22a2.002 2.002 0 0 0 1.987 1.147c.844-.074 1.492-.688 1.748-1.443l2.676-7.889a.5.5 0 0 0-.475-.66zm1.395 1.064-.344 1.01c.37.354.702.75.996 1.176l-1.912 1.063a.5.5 0 0 0-.195.68.5.5 0 0 0 .68.195l1.943-1.08c.128.253.245.515.345.787a.5.5 0 0 0 .643.294.5.5 0 0 0 .295-.642 8.465 8.465 0 0 0-2.451-3.483zM10.746 7.01l-1.771 5.219c-.15.439-.475.731-.887.767a.998.998 0 0 1-.994-.574c-.173-.37-.074-.786.234-1.168z"/>
</svg>

After

Width:  |  Height:  |  Size: 940 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M8.85.01a.985.985 0 0 0-.53.26L4.446 3.865a.498.498 0 0 1-.34.133H1.5a1.5 1.5 0 0 0-1.5 1.5v5.003a1.5 1.5 0 0 0 1.5 1.5h2.607a.5.5 0 0 1 .34.134l3.872 3.595c.64.594 1.68.141 1.68-.732V1.002c0-.655-.586-1.074-1.149-.992zm.15.992v13.996l-3.873-3.596a1.497 1.497 0 0 0-1.02-.4H1.5a.5.5 0 0 1-.5-.5V5.498a.5.5 0 0 1 .5-.5h2.607c.378 0 .742-.143 1.02-.401zm4.62 1.495a.502.502 0 0 0-.4.834 7.007 7.007 0 0 1 0 9.337.502.502 0 0 0 .04.708c.205.184.52.166.704-.04a8.01 8.01 0 0 0 0-10.673.496.496 0 0 0-.344-.166zm-1.35 2.505a.5.5 0 0 0-.371.746 4.501 4.501 0 0 1 0 4.503.501.501 0 0 0 .868.5 5.504 5.504 0 0 0-.002-5.502.499.499 0 0 0-.494-.247z"/>
</svg>

After

Width:  |  Height:  |  Size: 781 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M10.5 1a.498.498 0 0 0-.354.854L12.293 4H2.5a.5.5 0 0 0 0 1h9.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3A.498.498 0 0 0 10.5 1zm-5 7a.498.498 0 0 0-.354.146l-3 3a.5.5 0 0 0 0 .708l3 3a.5.5 0 0 0 .708-.708L3.707 12H13.5a.5.5 0 0 0 0-1H3.707l2.147-2.146A.5.5 0 0 0 5.5 8z"/>
</svg>

After

Width:  |  Height:  |  Size: 432 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M5.5 0a1.5 1.5 0 0 0-1.414 1H2.5A1.5 1.5 0 0 0 1 2.5v12A1.5 1.5 0 0 0 2.5 16h5.844a5.536 5.536 0 0 1-1.086-1H2.5a.5.5 0 0 1-.5-.5v-12a.5.5 0 0 1 .5-.5h1.586A1.5 1.5 0 0 0 5.5 3h3a1.5 1.5 0 0 0 1.414-1H11.5a.5.5 0 0 1 .5.5v3.525c.344.031.677.096 1 .188V2.5A1.5 1.5 0 0 0 11.5 1H9.914A1.5 1.5 0 0 0 8.5 0h-3zm0 1h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1zm6 6a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9zm0 2c.128 0 .256.049.354.146l2 2a.502.502 0 0 1 .146.35v.008a.495.495 0 0 1-.145.348l-.001.002-2 2a.5.5 0 0 1-.708-.708L12.293 12H9.5a.5.5 0 0 1 0-1h2.793l-1.147-1.146A.5.5 0 0 1 11.5 9z"/>
</svg>

After

Width:  |  Height:  |  Size: 715 B

3
chrome/icons/pin.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M10.049 1.004a1.995 1.995 0 0 0-1.926 1.101l-1.73 3.46a1.503 1.503 0 0 1-.786.722l-3.59 1.436a.999.999 0 0 0-.333 1.634l2.609 2.612L1 15.262v.707h.707L5 12.676l2.61 2.61a1 1 0 0 0 1.636-.337l1.436-3.59a1.5 1.5 0 0 1 .722-.783l3.457-1.73a2 2 0 0 0 .522-3.203l-4.059-4.057a1.978 1.978 0 0 0-1.275-.582zm-.069.998c.23.015.456.11.637.291l4.059 4.057a1 1 0 0 1-.262 1.601l-3.457 1.73a2.498 2.498 0 0 0-1.203 1.307l-1.436 3.59L2.391 8.65l3.59-1.435a2.498 2.498 0 0 0 1.306-1.203l1.729-3.46a1 1 0 0 1 .964-.55z"/>
</svg>

After

Width:  |  Height:  |  Size: 645 B

View file

@ -0,0 +1,4 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="m3.25 0c-1.241 0.004388-2.246 1.009-2.25 2.25v9.5c0.00439 1.241 1.009 2.246 2.25 2.25h3.99c-0.1098-0.3225-0.2246-0.6595-0.2352-1h-3.754c-0.696 0-1.25-0.554-1.25-1.25v-7.75h13v-1.75c-0.004388-1.241-1.009-2.246-2.25-2.25zm0 1h9.5c0.696 0 1.25 0.554 1.25 1.25v0.75h-12v-0.75c0-0.696 0.554-1.25 1.25-1.25z"/>
<path d="m12 5a2.5 2.5 0 1 0 2 4h-2a1.5 1.5 0 0 1 0-3h2a2.496 2.496 0 0 0-2-1zm0 2v1h2.45a2.512 2.512 0 0 0 0-1zm-2.45 4c-0.464 0-0.855 0.236-1.116 0.53-0.26 0.29-0.434 0.684-0.434 1.09v0.32c0 1.633 1.633 3.06 4 3.06 1.24 0 2.28-0.392 2.988-1h-2.988c-2.03 0-3-1.172-3-2.06v-0.32c0-0.126 0.06-0.29 0.182-0.427 0.119-0.133 0.254-0.193 0.369-0.193h6.316a1.777 1.777 0 0 0-0.3-0.47c-0.262-0.294-0.653-0.53-1.118-0.53h-4.898zm2.45 2v1h3.762c0.147-0.315 0.23-0.653 0.238-1z"/>
</svg>

After

Width:  |  Height:  |  Size: 916 B

View file

@ -0,0 +1,4 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="context-fill" stroke-opacity="context-fill-opacity" stroke-width="1.001" stroke-linecap="round">
<rect x="2.5" y="1.5" width="11" height="13" rx="1.5" ry="1.5"/>
<path d="M5.5 10.5h3M5.5 7.5h5M5.5 4.5h5"/>
</svg>

After

Width:  |  Height:  |  Size: 300 B

3
chrome/icons/report.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M2.5 1a.5.5 0 0 0-.5.5v14a.5.5 0 0 0 1 0V11h11a.5.5 0 0 0 .416-.777L11.602 6l2.814-4.223A.5.5 0 0 0 14 1zM3 2h10.066l-2.482 3.723a.5.5 0 0 0 0 .554L13.066 10H3zm4.5 1a.5.5 0 0 0-.5.5v3a.5.5 0 1 0 1 0v-3a.5.5 0 0 0-.5-.5zm0 5a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1z"/>
</svg>

After

Width:  |  Height:  |  Size: 397 B

View file

@ -1,3 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M3 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4.621a2 2 0 0 0-.586-1.414l-1.62-1.621A2 2 0 0 0 11.378 1H3zm0 1h1v2.5A1.5 1.5 0 0 0 5.5 6h4A1.5 1.5 0 0 0 11 4.5V2h.379a1 1 0 0 1 .707.293l1.62 1.621a1 1 0 0 1 .294.707V13a1 1 0 0 1-1 1V9.5A1.5 1.5 0 0 0 11.5 8h-7A1.5 1.5 0 0 0 3 9.5V14a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zm2 0h5v2.5a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5V2zm-.5 7h7a.5.5 0 0 1 .5.5V14H4V9.5a.5.5 0 0 1 .5-.5z"/>
<path d="M3 1a2 2 0 0 0-2 2v9.998a2 2 0 0 0 2 2h3.004a1.95 1.95 0 0 1 .054-.347l.162-.653H4v-4.5a.5.5 0 0 1 .5-.5h5.443l1-.999H4.5A1.5 1.5 0 0 0 3 9.5v4.5a1 1 0 0 1-1-1v-10a1 1 0 0 1 1-1h1v2.5A1.5 1.5 0 0 0 5.5 6h4A1.5 1.5 0 0 0 11 4.5V2h.378a1 1 0 0 1 .707.294l1.621 1.62a1 1 0 0 1 .293.708v1.382a2.88 2.88 0 0 1 1 .13V4.62a2 2 0 0 0-.586-1.414l-1.62-1.621A2 2 0 0 0 11.377 1zm2 1h5v2.5a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5zm9.13 5c-.478 0-.957.18-1.322.546l-4.828 4.83a2.2 2.2 0 0 0-.578 1.02l-.375 1.499a.889.889 0 0 0 1.078 1.078l1.498-.375a2.2 2.2 0 0 0 1.021-.578l4.828-4.828A1.872 1.872 0 0 0 14.13 7z"/>
</svg>

Before

Width:  |  Height:  |  Size: 563 B

After

Width:  |  Height:  |  Size: 740 B

Before After
Before After

3
chrome/icons/search-page.svg Executable file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M3.5 0A1.5 1.5 0 0 0 2 1.5v3.916A4.963 4.963 0 0 1 3 5.1V1.5a.5.5 0 0 1 .5-.5H8v3.5A1.5 1.5 0 0 0 9.5 6H13v8.5c0 .276-.09.5-.365.5h-1.559c.064.38.048.699.028 1H12.5a1.5 1.5 0 0 0 1.5-1.5V5.414a1.5 1.5 0 0 0-.44-1.06L9.647.439A1.5 1.5 0 0 0 8.586 0H3.5zM9 1.207 12.793 5H9.5a.5.5 0 0 1-.5-.5V1.207zM4 6a4 4 0 1 0 2.453 7.16l2.692 2.692a.5.5 0 1 0 .707-.707L7.16 12.453A4 4 0 0 0 4 6zm0 1a3 3 0 1 1 0 6 3 3 0 0 1 0-6z"/>
</svg>

After

Width:  |  Height:  |  Size: 557 B

View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M2.5 1A1.5 1.5 0 0 0 1 2.5V4h1V2.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5H8v1h5.5A1.5 1.5 0 0 0 15 9.5v-7A1.5 1.5 0 0 0 13.5 1h-11zm-1 4A1.5 1.5 0 0 0 0 6.5v8A1.5 1.5 0 0 0 1.5 16h4A1.5 1.5 0 0 0 7 14.5v-8A1.5 1.5 0 0 0 5.5 5h-4zm0 1h4a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-8a.5.5 0 0 1 .5-.5zM8 12v1h7.5a.5.5 0 0 0 0-1H8zm-5 1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1H3z"/>
</svg>

After

Width:  |  Height:  |  Size: 536 B

3
chrome/icons/share.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M10.977 1.002a.569.569 0 0 0-.6.576v2.129l-.225.016c-3.562.282-5.65 2.536-6.148 6.627-.064.525.538.853.928.505 1.432-1.278 2.911-2.072 4.445-2.39.246-.051.493-.089.742-.115l.258-.024v2.096l.006.082c.06.453.61.666.947.334l4.496-4.422.059-.066a.588.588 0 0 0-.059-.768l-4.496-4.42-.062-.053a.537.537 0 0 0-.291-.107zM3.5 2A2.5 2.5 0 0 0 1 4.5v8A2.5 2.5 0 0 0 3.5 15h8a2.5 2.5 0 0 0 2.5-2.5v-1a.5.5 0 0 0-1 0v1a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 2 12.5v-8A1.5 1.5 0 0 1 3.5 3h3a.5.5 0 0 0 0-1h-3zm7.877.611L14.824 6l-3.447 3.389V7.232l-1.356.122-.007.001c-1.703.182-3.31.864-4.826 2 .298-1.338.807-2.344 1.476-3.066.83-.894 1.989-1.442 3.563-1.568l1.15-.078V2.61z"/>
</svg>

After

Width:  |  Height:  |  Size: 806 B

3
chrome/icons/source-code.svg Executable file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M10.485 1a.501.501 0 0 0-.452.32l-5 13a.5.5 0 0 0 .934.36l5-13a.5.5 0 0 0-.482-.68zM3.46 4.002a.494.494 0 0 0-.34.172l-3 3.5a.502.502 0 0 0 0 .652l3 3.5a.5.5 0 0 0 .758-.652L1.158 8l2.72-3.174a.5.5 0 0 0-.417-.824zm9.078.5a.5.5 0 0 0-.418.824L14.842 8.5l-2.72 3.174a.5.5 0 1 0 .757.652l3-3.5a.502.502 0 0 0 0-.652l-3-3.5a.494.494 0 0 0-.34-.172z"/>
</svg>

After

Width:  |  Height:  |  Size: 487 B

View file

@ -0,0 +1,5 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M3 1c-1.099 0-2 .9-2 2v3.174C1.313 6.064 1.648 6 2 6V3c0-.563.437-1 1-1h3v1.5C6 4.323 6.677 5 7.5 5H14v8c0 .563-.437 1-1 1h-3c0 .352-.064.687-.174 1H13c1.1 0 2-.9 2-2V3c0-1.099-.9-2-2-2zm4 1h6c.563 0 1 .437 1 1v1H7.5a.493.493 0 0 1-.5-.5z"/>
<rect x=".5" y="7.5" width="8" height="8" rx="1.5" ry="1.5" fill="none" stroke="context-fill" stroke-opacity="context-fill-opacity" stroke-width="1.001"/>
<path d="M3 9.867v3.265a.24.24 0 0 0 .365.205l2.442-1.492a.405.405 0 0 0 0-.69L3.365 9.661A.24.24 0 0 0 3 9.867z"/>
</svg>

After

Width:  |  Height:  |  Size: 655 B

View file

@ -0,0 +1,5 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M14.13 7c-.478 0-.957.18-1.322.547l-4.828 4.83a2.2 2.2 0 0 0-.578 1.02l-.375 1.498a.889.889 0 0 0 1.078 1.078l1.498-.375a2.2 2.2 0 0 0 1.02-.578l4.828-4.828A1.872 1.872 0 0 0 14.13 7zm-.002 1.002c.427.002.671.224.8.537.13.314.116.643-.187.947l-4.826 4.826a1.204 1.204 0 0 1-.556.315l-1.316.332.33-1.32H8.37c.053-.21.163-.403.316-.557l4.828-4.83a.85.85 0 0 1 .614-.25zm-6.266 7 .002.002H7.86z"/>
<path d="M5.765 5.076A.5.5 0 0 0 5 5.5v5.15a.5.5 0 0 0 .776.417l4-2.648a.5.5 0 0 0-.01-.84z"/>
<path d="M3.5 1A2.5 2.5 0 0 0 1 3.5v9A2.5 2.5 0 0 0 3.5 15h2.506c.006-.115.022-.231.05-.348L6.222 14H3.5A1.5 1.5 0 0 1 2 12.5v-9A1.5 1.5 0 0 1 3.5 2h9A1.5 1.5 0 0 1 14 3.5v2.506c.044-.002.087-.006.13-.006h.005c.304.001.594.051.865.139v-2.64A2.5 2.5 0 0 0 12.5 1z"/>
</svg>

After

Width:  |  Height:  |  Size: 898 B

View file

@ -90,22 +90,26 @@
.toolbarbutton-1>.toolbarbutton-icon,
.toolbarbutton-1>.toolbarbutton-text,
.toolbarbutton-1>.toolbarbutton-badge-stack,
.bookmark-item:not(menu, menuitem),
:not(.panel-subview-body>toolbaritem)>.bookmark-item:not(menu, menuitem),
.urlbar-page-action,
.identity-box-button,
#tracking-protection-icon-container,
#fxa-toolbar-menu-button {
#fxa-toolbar-menu-button,
panel button,
panel menulist {
transition: background-color 0.25s ease !important;
}
.toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active)>.toolbarbutton-icon,
.toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active)>.toolbarbutton-text,
.toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active)>.toolbarbutton-badge-stack,
.bookmark-item:not(menu, menuitem):not([disabled=true]):is([open],[checked],:hover:active),
:not(.panel-subview-body>toolbaritem)>.bookmark-item:not(menu, menuitem):not([disabled=true]):is([open],[checked],:hover:active),
.urlbar-page-action:not([disabled=true]):is([open],[checked],:hover:active),
.identity-box-button:not([disabled=true]):is([open],[checked],:hover:active),
#tracking-protection-icon-container:not([disabled=true]):is([open],[checked],:hover:active),
#fxa-toolbar-menu-button:not([disabled=true]):is([open],[checked],:hover:active) {
#fxa-toolbar-menu-button:not([disabled=true]):is([open],[checked],:hover:active),
panel button:not([disabled=true]):is([open],[checked],:hover:active),
panel menulist:not([disabled=true]):is([open],[checked],:hover:active) {
transition-duration: 0s !important;
}
}

View file

@ -112,11 +112,9 @@
width: unset !important;
}
#identity-icon-box {
padding-inline: var(--uc-urlbar-icon-inline-padding) !important;
}
#identity-permission-box {
#identity-icon-box,
#identity-permission-box,
.notification-anchor-icon {
padding-inline: var(--uc-urlbar-icon-inline-padding) !important;
}
@ -181,6 +179,15 @@
opacity: var(--urlbar-icon-fill-opacity) !important;
}
#notification-popup-box:hover {
background-color: var(--urlbar-box-hover-bgcolor) !important;
}
#notification-popup-box:hover:active,
#notification-popup-box[open] {
background-color: var(--urlbar-box-active-bgcolor) !important;
}
/* remove background from urlbar box */
#identity-box[pageproxystate="valid"].notSecureText>.identity-box-button:not(:hover, [open]),
#identity-box[pageproxystate="valid"].chromeUI>.identity-box-button:not(:hover, [open]),