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

Fix: Icons - Replace to acorn icons #213

Browse source
This commit is contained in:
alstjr7375 2023-04-24 10:42:31 +09:00
parent f568f67a27
commit d0d15be78b
9 changed files with 19 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

5
css/leptonChrome.css generated
View file

@ -10566,7 +10566,7 @@
/* Color */ /* Color */
-moz-context-properties: fill, fill-opacity, stroke !important; -moz-context-properties: fill, fill-opacity, stroke !important;
fill: currentColor !important; fill: currentColor !important;
stroke: transparent; stroke: currentColor;
/* Layout */ /* Layout */
background-size: 16px !important; background-size: 16px !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
@ -10971,6 +10971,7 @@
#tabcenter-reborn_ariasuni-menuitem-_contextMenuMuteTab, #tabcenter-reborn_ariasuni-menuitem-_contextMenuMuteTab,
#sidebartabs_asamuzak_jp-menuitem-_muteTab { #sidebartabs_asamuzak_jp-menuitem-_muteTab {
--menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg"); --menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg");
stroke: transparent !important;
} }
#context_toggleMuteTab[muted], #context_toggleMuteTab[muted],
#context_toggleMuteSelectedTabs[muted], #context_toggleMuteSelectedTabs[muted],
@ -11975,9 +11976,11 @@
/* viewFullZoomMenu sub menu */ /* viewFullZoomMenu sub menu */
#menu_zoomEnlarge { #menu_zoomEnlarge {
--menuitem-image: url("chrome://browser/skin/add-circle-fill.svg"); --menuitem-image: url("chrome://browser/skin/add-circle-fill.svg");
stroke: transparent !important;
} }
#menu_zoomReduce { #menu_zoomReduce {
--menuitem-image: url("chrome://browser/skin/subtract-circle-fill.svg"); --menuitem-image: url("chrome://browser/skin/subtract-circle-fill.svg");
stroke: transparent !important;
} }
#menu_zoomReset { #menu_zoomReset {
--menuitem-image: url("../icons/resize.svg"); --menuitem-image: url("../icons/resize.svg");

4
css/leptonContent.css generated
View file

@ -252,7 +252,7 @@
/* Color */ /* Color */
-moz-context-properties: fill, fill-opacity, stroke !important; -moz-context-properties: fill, fill-opacity, stroke !important;
fill: currentColor !important; fill: currentColor !important;
stroke: transparent; stroke: currentColor;
/* Layout */ /* Layout */
background-size: 16px !important; background-size: 16px !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
@ -2990,7 +2990,7 @@
/* Color */ /* Color */
-moz-context-properties: fill, fill-opacity, stroke !important; -moz-context-properties: fill, fill-opacity, stroke !important;
fill: currentColor !important; fill: currentColor !important;
stroke: transparent; stroke: currentColor;
/* Layout */ /* Layout */
background-size: 16px !important; background-size: 16px !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;

2
docs/Project_Structure.md
View file

@ -45,7 +45,7 @@ Most of them are made in SVG.
Except for illustrations, there must be an `fill="context-fill" fill-opacity="context-fill-opacity"` property to dynamically determine color and transparency. Except for illustrations, there must be an `fill="context-fill" fill-opacity="context-fill-opacity"` property to dynamically determine color and transparency.
Icons are mainly [FirefoxUX/photon-icons](https://github.com/FirefoxUX/photon-icons) Icons are mainly [FirefoxUX/acorn-icons](https://github.com/FirefoxUX/acorn-icons), [FirefoxUX/photon-icons](https://github.com/FirefoxUX/photon-icons)
or [microsoft/fluentui-system-icons](https://github.com/microsoft/fluentui-system-icons). or [microsoft/fluentui-system-icons](https://github.com/microsoft/fluentui-system-icons).
Although not yet used, [tabler/tabler-icons](https://github.com/tabler/tabler-icons) and [feathericons/feather](https://github.com/feathericons/feather) can also be referred to. Although not yet used, [tabler/tabler-icons](https://github.com/tabler/tabler-icons) and [feathericons/feather](https://github.com/feathericons/feather) can also be referred to.

6
icons/link.svg
View file

@ -1,8 +1,6 @@
<!-- This Source Code Form is subject to the terms of the Mozilla Public <!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this - License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity"> <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="16" height="16" viewBox="0 0 16 16" fill="none" fill-opacity="context-fill-opacity" style="enable-background:new 0 0 16 16">
<rect x="7" y="3.286" width="2" height="9.429" rx="1" ry="1" transform="rotate(-45 8 8)"/> <path stroke="context-stroke" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5" d="M10.824 10.824 5.176 5.176m2.294 5.825a1.249 1.249 0 0 0 0 1.765l2.118 2.118a1.249 1.249 0 0 0 1.765 0l3.53-3.53a1.249 1.249 0 0 0 0-1.765L12.766 7.47a1.249 1.249 0 0 0-1.765 0M8.53 4.999a1.249 1.249 0 0 0 0-1.765L6.411 1.116a1.249 1.249 0 0 0-1.765 0l-3.53 3.53a1.249 1.249 0 0 0 0 1.765L3.234 8.53a1.249 1.249 0 0 0 1.765 0"/>
<path d="M2.354 4.522L4.485 2.39a.5.5 0 0 1 .711 0l3.19 3.19.014-.015a2 2 0 0 0 0-2.821L6.272.616a2 2 0 0 0-2.821 0L.616 3.451a2 2 0 0 0 0 2.821L2.744 8.4a1.993 1.993 0 0 0 2.8.02l-3.19-3.186a.5.5 0 0 1 0-.712z"/>
<path d="M15.416 9.759L13.287 7.63a2 2 0 0 0-2.821 0l-.015.015 3.189 3.189a.5.5 0 0 1 0 .711l-2.132 2.132a.5.5 0 0 1-.711 0L7.61 10.49a1.993 1.993 0 0 0 .02 2.8l2.128 2.128a2 2 0 0 0 2.821 0l2.835-2.835a2 2 0 0 0 .002-2.824z"/>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 897 B

After

Width:  |  Height:  |  Size: 842 B

Before After
Before After

4
icons/pin-tab.svg
View file

@ -1,6 +1,6 @@
<!-- This Source Code Form is subject to the terms of the Mozilla Public <!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this - License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" > <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="16" height="16" viewBox="0 0 16 16" fill="none" fill-opacity="context-fill-opacity" style="enable-background:new 0 0 16 16">
<path d="M14.707 13.293L11.414 10l2.293-2.293a1 1 0 0 0 0-1.414A4.384 4.384 0 0 0 10.586 5h-.172A2.415 2.415 0 0 1 8 2.586V2a1 1 0 0 0-1.707-.707l-5 5A1 1 0 0 0 2 8h.586A2.415 2.415 0 0 1 5 10.414v.169a4.036 4.036 0 0 0 1.337 3.166 1 1 0 0 0 1.37-.042L10 11.414l3.293 3.293a1 1 0 0 0 1.414-1.414zm-7.578-1.837A2.684 2.684 0 0 1 7 10.583v-.169a4.386 4.386 0 0 0-1.292-3.121 4.414 4.414 0 0 0-1.572-1.015l2.143-2.142a4.4 4.4 0 0 0 1.013 1.571A4.384 4.384 0 0 0 10.414 7h.172a2.4 2.4 0 0 1 .848.152z"/> <path stroke="context-stroke" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.5" d="m2.131 6.044 3.735 3.735.143 2.83c.044.866 1.093 1.269 1.706.656l5.55-5.55c.613-.613.209-1.662-.656-1.706l-2.83-.143-3.735-3.735M.53 7.644 7.644.53m7.825 14.94-4.979-4.98"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 862 B

After

Width:  |  Height:  |  Size: 686 B

Before After
Before After

4
icons/unpin-tab.svg
View file

@ -2,5 +2,7 @@
- License, v. 2.0. If a copy of the MPL was not distributed with this - License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M11.414 10l2.293-2.293a1 1 0 0 0 0-1.414 4.418 4.418 0 0 0-.8-.622L11.425 7.15h.008l-4.3 4.3v-.017l-1.48 1.476a3.865 3.865 0 0 0 .692.834 1 1 0 0 0 1.37-.042L10 11.414l3.293 3.293a1 1 0 0 0 1.414-1.414zm3.293-8.707a1 1 0 0 0-1.414 0L9.7 4.882A2.382 2.382 0 0 1 8 2.586V2a1 1 0 0 0-1.707-.707l-5 5A1 1 0 0 0 2 8h.586a2.382 2.382 0 0 1 2.3 1.7l-3.593 3.593a1 1 0 1 0 1.414 1.414l12-12a1 1 0 0 0 0-1.414zm-9 6a4.414 4.414 0 0 0-1.571-1.015l2.143-2.142a4.4 4.4 0 0 0 1.013 1.571 4.191 4.191 0 0 0 .9.684l-1.8 1.8a4.2 4.2 0 0 0-.684-.898z"/> <path d="M7.253 1 1 7.253l.867.867L8.12 1.867 7.253 1Zm3.367 8.754-.866.867L14.133 15l.866-.867-4.379-4.379Z"/>
<path d="m8.236 5.663.866-.867-2.388-2.389a.613.613 0 1 0-.867.867l2.389 2.389Zm-3.439 3.44.867-.867-2.39-2.389a.613.613 0 1 0-.867.867l2.39 2.389Zm7.311-3.536-2.242-.05-.887.888.325.325 2.777.062a.253.253 0 0 1 .242.167c.024.061.05.18-.06.287l-5.016 5.017a.253.253 0 0 1-.288.059.253.253 0 0 1-.166-.242L6.73 9.304l-.325-.326-.888.888.05 2.242c.014.607.371 1.124.936 1.35a1.475 1.475 0 0 0 1.61-.329l5.017-5.016c.43-.43.555-1.047.33-1.61a1.471 1.471 0 0 0-1.353-.936Z"/>
<path stroke="context-stroke" stroke-miterlimit="10" stroke-width="1.5" d="M1.513 14.742 14.297 1.958"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 907 B

After

Width:  |  Height:  |  Size: 1 KiB

Before After
Before After

2
src/icons/_global_menu.scss
View file

@ -158,9 +158,11 @@ menu.share-tab-url-item {
/* viewFullZoomMenu sub menu */ /* viewFullZoomMenu sub menu */
#menu_zoomEnlarge { #menu_zoomEnlarge {
--menuitem-image: url("chrome://browser/skin/add-circle-fill.svg"); --menuitem-image: url("chrome://browser/skin/add-circle-fill.svg");
stroke: transparent !important;
} }
#menu_zoomReduce { #menu_zoomReduce {
--menuitem-image: url("chrome://browser/skin/subtract-circle-fill.svg"); --menuitem-image: url("chrome://browser/skin/subtract-circle-fill.svg");
stroke: transparent !important;
} }
#menu_zoomReset { #menu_zoomReset {
--menuitem-image: url("../icons/resize.svg"); --menuitem-image: url("../icons/resize.svg");

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

@ -28,6 +28,7 @@
#tabcenter-reborn_ariasuni-menuitem-_contextMenuMuteTab, #tabcenter-reborn_ariasuni-menuitem-_contextMenuMuteTab,
#sidebartabs_asamuzak_jp-menuitem-_muteTab { #sidebartabs_asamuzak_jp-menuitem-_muteTab {
--menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg"); --menuitem-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg");
stroke: transparent !important;
} }
#context_toggleMuteTab[muted], #context_toggleMuteTab[muted],
#context_toggleMuteSelectedTabs[muted], #context_toggleMuteSelectedTabs[muted],

2
src/icons/layout/_menu_common.scss
View file

@ -47,7 +47,7 @@ $_initialMenus: selector.append(
/* Color */ /* Color */
-moz-context-properties: fill, fill-opacity, stroke !important; -moz-context-properties: fill, fill-opacity, stroke !important;
fill: currentColor !important; fill: currentColor !important;
stroke: transparent; stroke: currentColor;
/* Layout */ /* Layout */
background-size: 16px !important; background-size: 16px !important;