Merge branch 'icon'
1
.github/ISSUE_TEMPLATE/bug_report.md
vendored
|
|
@ -17,6 +17,7 @@ A clear and concise description of what you expected to happen.
|
|||
If applicable, add screenshots to help explain your problem.
|
||||
|
||||
**Environment (please complete the following information):**
|
||||
- Firefox Version: [write from `about:support` - `version`]
|
||||
- OS:
|
||||
- [ ] Linux
|
||||
- [ ] Windows
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
[[https://wiki.mozilla.org/Firefox/Proton][proton]] is firefox's new design. \\
|
||||
I want to fix some flaws.
|
||||
|
||||
/Disclaimer:/ It works *firefox 89* above!!
|
||||
| *Wiki* | |
|
||||
| [[https://github.com/black7375/Firefox-UI-Fix/wiki/Screenshots][Screenshots]] | [[https://github.com/black7375/Firefox-UI-Fix/wiki/Compatibility-Issues-Solution][Compatibility Issues Solution]] |
|
||||
|
||||
|
|
@ -9,10 +10,13 @@
|
|||
|
||||
(Fixed proton design)
|
||||
|
||||
- *Icons*
|
||||
- Panel
|
||||
- *Padding Narrower*
|
||||
- Tab
|
||||
- Panel
|
||||
- Menu
|
||||
- Density
|
||||
- *Tab Design*
|
||||
- General:
|
||||
- Connect with toolbar(Buttons like tabs)
|
||||
|
|
@ -55,7 +59,7 @@
|
|||
- Icon beautiful enough to remind you of Edge
|
||||
- Nice color scheme
|
||||
- Satisfied Rounding
|
||||
- Modal window!!
|
||||
- Modal window & Scrollbar!!
|
||||
|
||||
** WHY Not Proton?
|
||||
However, there are also many flaws.
|
||||
|
|
|
|||
5
icons/bug.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
||||
<path
|
||||
style="fill:context-fill;fill-opacity:context-fill-opacity"
|
||||
d="M 7,0.5 C 7,0.22386 6.77614,0 6.5,0 6.22386,0 6,0.22386 6,0.5 V 1 C 6,1.39716 6.11577,1.76729 6.3154,2.07847 4.98842,2.38821 4,3.57867 4,5 H 3.5 C 2.67157,5 2,4.32843 2,3.5 v -2 C 2,1.22386 1.77614,1 1.5,1 1.22386,1 1,1.22386 1,1.5 v 2 C 1,4.88071 2.11929,6 3.5,6 H 4 V 8 H 0.5 C 0.22386,8 0,8.22386 0,8.5 0,8.7761 0.22386,9 0.5,9 H 4 v 2 H 3.5 C 2.11929,11 1,12.1193 1,13.5 v 2 C 1,15.7761 1.22386,16 1.5,16 1.77614,16 2,15.7761 2,15.5 v -2 C 2,12.6716 2.67157,12 3.5,12 H 4 c 0,2.2091 1.79086,4 4,4 2.2091,0 4,-1.7909 4,-4 h 0.5 c 0.8284,0 1.5,0.6716 1.5,1.5 v 2 c 0,0.2761 0.2239,0.5 0.5,0.5 0.2761,0 0.5,-0.2239 0.5,-0.5 v -2 C 15,12.1193 13.117468,12.234936 12.5,11 H 12 V 9 h 3.5 C 15.7761,9 16,8.7761 16,8.5 16,8.22386 15.7761,8 15.5,8 H 12 V 6 h 0.5 C 13.8807,6 15,4.88071 15,3.5 v -2 C 15,1.22386 14.7761,1 14.5,1 14.2239,1 14,1.22386 14,1.5 v 2 C 14,4.32843 13.3284,5 12.5,5 H 12 C 12,3.57867 11.0116,2.38821 9.6846,2.07847 9.8842,1.76729 10,1.39716 10,1 V 0.5 C 10,0.22386 9.7761,0 9.5,0 9.2239,0 9,0.22386 9,0.5 V 1 C 9,1.55228 8.5523,2 8,2 7.44772,2 7,1.55228 7,1 Z M 11,5 v 7 C 11,13.6569 9.6569,15 8,15 6.34315,15 5,13.6569 5,12 V 5 C 5,3.89543 5.89543,3 7,3 h 2 c 1.1046,0 2,0.89543 2,2 z" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
6
icons/command-frames.svg
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<!-- 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
|
||||
- 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 #0c0c0d">
|
||||
<path fill-opacity="context-fill-opacity" d="M6 7v6H5V7H2V6h12v1H6zm7-6a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h10zM3 3a1 1 0 0 0-1 1v8c0 .6.4 1 1 1h10c.6 0 1-.4 1-1V4c0-.6-.4-1-1-1H3z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 543 B |
7
icons/command-responsivemode.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<!-- 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
|
||||
- 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 #0c0c0d">
|
||||
<path fill-opacity="context-fill-opacity" d="M1 4h5a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1zm0 2v8h5V6H1z"/>
|
||||
<path fill-opacity="context-fill-opacity" d="M5 0a2 2 0 0 0-2 2v1h2V2h8v12H8v2h5a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 584 B |
9
icons/container-openin-16.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<!-- 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
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<svg data-name="icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
||||
<rect fill="context-fill" fill-opacity="context-fill-opacity" x="1" y="1" width="6" height="6" rx="1"/>
|
||||
<rect fill="context-fill" fill-opacity="context-fill-opacity" x="1" y="9" width="6" height="6" rx="1"/>
|
||||
<rect fill="context-fill" fill-opacity="context-fill-opacity" x="9" y="9" width="6" height="6" rx="1"/>
|
||||
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M14.92 1.62a1 1 0 0 0-0.54-0.54A1 1 0 0 0 14 1h-4a1 1 0 0 0 0 2h1.59l-2.3 2.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0L13 4.41V6a1 1 0 0 0 2 0V2a1 1 0 0 0-0.08-0.38z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 868 B |
6
icons/developer.svg
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<!-- 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
|
||||
- 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">
|
||||
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M14.555 3.2l-2.434 2.436a1.243 1.243 0 1 1-1.757-1.757L12.8 1.445A3.956 3.956 0 0 0 11 1a3.976 3.976 0 0 0-3.434 6.02l-6.273 6.273a1 1 0 1 0 1.414 1.414L8.98 8.434A3.96 3.96 0 0 0 11 9a4 4 0 0 0 4-4 3.956 3.956 0 0 0-.445-1.8z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 600 B |
7
icons/movetowindow-16.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<!-- 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
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<svg data-name="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
|
||||
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M15.85 12.15l-3-3a0.49 0.49 0 0 0-0.7 0.7L14.29 12H9.5a0.5 0.5 0 0 0 0 1h4.79l-2.14 2.15a0.48 0.48 0 0 0 0 0.7 0.48 0.48 0 0 0 0.7 0l3-3a0.36 0.36 0 0 0 0.11-0.16 0.5 0.5 0 0 0 0-0.38 0.36 0.36 0 0 0-0.11-0.16z"/>
|
||||
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M13 1H3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h4a1 1 0 0 0 0-2H3a1 1 0 0 1-1-1V6h12v2a1 1 0 0 0 2 0V4a3 3 0 0 0-3-3zM2 5V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 796 B |
9
icons/password-hide.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<!-- 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
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<svg data-name="icon" 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="M12 7l-4 4a4 4 0 0 0 4-4z"/>
|
||||
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M15.66 7.71a7.78 7.78 0 0 0-1.55-2.82L12.7 6.3a5.9 5.9 0 0 1 1 1.7A6 6 0 0 1 8 12a7.28 7.28 0 0 1-.93-.07l-1.64 1.64A7.92 7.92 0 0 0 8 14a8 8 0 0 0 7.66-5.71 1 1 0 0 0 0-.58zM14.71 1.29a1 1 0 0 0-1.42 0l-1.63 1.64A7.8 7.8 0 0 0 8 2a8 8 0 0 0-7.66 5.71 1 1 0 0 0 0 .58 7.8 7.8 0 0 0 2.34 3.62l-1.39 1.38a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l12-12a1 1 0 0 0 0-1.42zM8.5 5a1.43 1.43 0 0 1 .82.26L7.26 7.32A1.43 1.43 0 0 1 7 6.5 1.5 1.5 0 0 1 8.5 5zM2.35 8a6 6 0 0 1 2.11-2.82A3.91 3.91 0 0 0 5 9.61l-.9.9A5.91 5.91 0 0 1 2.35 8z"/>
|
||||
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M12 7l-4 4a4 4 0 0 0 4-4z"/>
|
||||
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M16 7.7a8.06 8.06 0 0 0-1.72-2.94l-1.45 1.41A5.91 5.91 0 0 1 13.94 8 6.33 6.33 0 0 1 8 12a7.28 7.28 0 0 1-.93-.07l-1.66 1.66A8.56 8.56 0 0 0 8 14a8.34 8.34 0 0 0 8-5.7 1.22 1.22 0 0 0 0-.6zM14.71 1.29a1 1 0 0 0-1.42 0L11.7 2.88A8.43 8.43 0 0 0 8 2a8.34 8.34 0 0 0-8 5.7 1.22 1.22 0 0 0 0 .6A7.87 7.87 0 0 0 2.58 12l-1.29 1.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l12-12a1 1 0 0 0 0-1.42zM8.5 5a1.43 1.43 0 0 1 .82.26L7.26 7.32A1.43 1.43 0 0 1 7 6.5 1.5 1.5 0 0 1 8.5 5zM2.06 8a6 6 0 0 1 2.49-3A4 4 0 0 0 4 7a4 4 0 0 0 1 2.61l-1 1A5.94 5.94 0 0 1 2.06 8z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
7
icons/performance.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<!-- 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
|
||||
- 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">
|
||||
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M8 1a8 8 0 0 0-8 8 7.89 7.89 0 0 0 .78 3.43 1 1 0 0 0 .9.57.94.94 0 0 0 .43-.1 1 1 0 0 0 .47-1.33A6.07 6.07 0 0 1 2 9a6 6 0 0 1 12 0 5.93 5.93 0 0 1-.59 2.57 1 1 0 0 0 1.81.86A7.89 7.89 0 0 0 16 9a8 8 0 0 0-8-8z"/>
|
||||
<path fill="context-fill" fill-opacity="context-fill-opacity" d="M11.77 7.08a.5.5 0 0 0-.69.15L8.62 11.1A2.12 2.12 0 0 0 8 11a2 2 0 0 0 0 4 2.05 2.05 0 0 0 1.12-.34 2.31 2.31 0 0 0 .54-.54 2 2 0 0 0 0-2.24 2.31 2.31 0 0 0-.2-.24l2.46-3.87a.5.5 0 0 0-.15-.69z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 849 B |
5
icons/screenshot.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
||||
<path
|
||||
style="fill:context-fill;fill-opacity:context-fill-opacity"
|
||||
d="M 3 1 C 1.89543 1 1 1.89543 1 3 L 1 13 C 1 14.1046 1.89543 15 3 15 L 13 15 C 14.1046 15 15 14.1046 15 13 L 15 3 C 15 1.89543 14.1046 1 13 1 L 3 1 z M 3 2 L 13 2 C 13.5523 2 14 2.44772 14 3 L 14 13 C 14 13.5523 13.5523 14 13 14 L 3 14 C 2.44772 14 2 13.5523 2 13 L 2 3 C 2 2.44772 2.44772 2 3 2 z M 4.5 3 C 3.67157 3 3 3.67157 3 4.5 L 3 6.5 C 3 6.77614 3.22386 7 3.5 7 C 3.77614 7 4 6.77614 4 6.5 L 4 4.5 C 4 4.22386 4.22386 4 4.5 4 L 6.5 4 C 6.77614 4 7 3.77614 7 3.5 C 7 3.22386 6.77614 3 6.5 3 L 4.5 3 z M 9.5 3 C 9.2239 3 9 3.22386 9 3.5 C 9 3.77614 9.2239 4 9.5 4 L 11.5 4 C 11.7761 4 12 4.22386 12 4.5 L 12 6.5 C 12 6.77614 12.2239 7 12.5 7 C 12.7761 7 13 6.77614 13 6.5 L 13 4.5 C 13 3.67157 12.3284 3 11.5 3 L 9.5 3 z M 3.5 9 C 3.22386 9 3 9.2239 3 9.5 L 3 11.5 C 3 12.3284 3.67157 13 4.5 13 L 6.5 13 C 6.77614 13 7 12.7761 7 12.5 C 7 12.2239 6.77614 12 6.5 12 L 4.5 12 C 4.22386 12 4 11.7761 4 11.5 L 4 9.5 C 4 9.2239 3.77614 9 3.5 9 z M 12.5 9 C 12.2239 9 12 9.2239 12 9.5 L 12 11.5 C 12 11.7761 11.7761 12 11.5 12 L 9.5 12 C 9.2239 12 9 12.2239 9 12.5 C 9 12.7761 9.2239 13 9.5 13 L 11.5 13 C 12.3284 13 13 12.3284 13 11.5 L 13 9.5 C 13 9.2239 12.7761 9 12.5 9 z " />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
5
icons/search-file.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
||||
<path
|
||||
style="fill:context-fill;fill-opacity:context-fill-opacity"
|
||||
d="M 3.5 0 C 2.67157 0 2 0.67157 2 1.5 L 2 5.4160156 C 2.3175 5.2772956 2.6522 5.1702094 3 5.0996094 L 3 1.5 C 3 1.22386 3.22386 1 3.5 1 L 8 1 L 8 4.5 C 8 5.32843 8.6716 6 9.5 6 L 13 6 L 13 14.5 C 13 14.7761 12.910861 15 12.634766 15 L 11.076172 15 C 11.139982 15.380805 11.123616 15.698627 11.103516 16 L 12.5 16 C 13.3284 16 14 15.3284 14 14.5 L 14 5.4140625 C 14 5.0162425 13.841847 4.6348256 13.560547 4.3535156 L 9.6464844 0.43945312 C 9.3651844 0.15815313 8.9837375 0 8.5859375 0 L 3.5 0 z M 9 1.2070312 L 12.792969 5 L 9.5 5 C 9.2239 5 9 4.77614 9 4.5 L 9 1.2070312 z M 4 6 C 1.79086 6 0 7.79086 0 10 C 0 12.2091 1.79086 14 4 14 C 4.92432 14 5.775795 13.686656 6.453125 13.160156 L 9.1445312 15.851562 C 9.3398312 16.046863 9.6562625 16.046862 9.8515625 15.851562 C 10.046862 15.656363 10.046862 15.339831 9.8515625 15.144531 L 7.1601562 12.453125 C 7.6867262 11.775725 8 10.9244 8 10 C 8 7.79086 6.20914 6 4 6 z M 4 7 C 5.65685 7 7 8.3431 7 10 C 7 11.6569 5.65685 13 4 13 C 2.34315 13 1 11.6569 1 10 C 1 8.3431 2.34315 7 4 7 z " />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
44
icons/send.svg
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="16" height="16" viewBox="0 0 495.003 495.003" style="enable-background:new 0 0 495.003 495.003;" xml:space="preserve">
|
||||
<g id="XMLID_51_">
|
||||
<path id="XMLID_53_" fill="context-fill" fill-opacity="context-fill-opacity" d="M164.711,456.687c0,2.966,1.647,5.686,4.266,7.072c2.617,1.385,5.799,1.207,8.245-0.468l55.09-37.616
|
||||
l-67.6-32.22V456.687z"/>
|
||||
<path id="XMLID_52_" fill="context-fill" fill-opacity="context-fill-opacity" d="M492.431,32.443c-1.513-1.395-3.466-2.125-5.44-2.125c-1.19,0-2.377,0.264-3.5,0.816L7.905,264.422
|
||||
c-4.861,2.389-7.937,7.353-7.904,12.783c0.033,5.423,3.161,10.353,8.057,12.689l125.342,59.724l250.62-205.99L164.455,364.414
|
||||
l156.145,74.4c1.918,0.919,4.012,1.376,6.084,1.376c1.768,0,3.519-0.322,5.186-0.977c3.637-1.438,6.527-4.318,7.97-7.956
|
||||
L494.436,41.257C495.66,38.188,494.862,34.679,492.431,32.443z"/>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
5
icons/webdeveloper.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
||||
<path
|
||||
style="fill:context-fill;fill-opacity:context-fill-opacity"
|
||||
d="M 2.5 0 C 1.11929 0 0 1.11928 0 2.5 L 0 11.5 C 0 12.8807 1.11929 14 2.5 14 L 7.6425781 14 C 7.6765097 13.919413 7.7052647 13.837248 7.75 13.759766 L 8.1894531 13 L 2.5 13 C 1.67157 13 1 12.3284 1 11.5 L 1 3.9980469 L 13 3.9980469 L 14 4 L 14 2.5 C 14 1.11929 12.8807 0 11.5 0 L 2.5 0 z M 2.4980469 0.99804688 L 11.498047 0.99804688 C 12.326547 0.99804688 12.998047 1.6696169 12.998047 2.4980469 L 12.998047 2.9980469 L 0.99804688 2.9980469 L 0.99804688 2.4980469 C 0.99804688 1.6696169 1.6696269 0.99804688 2.4980469 0.99804688 z M 5.9980469 4.9980469 C 5.8700856 4.9980469 5.7421664 5.046901 5.6445312 5.1445312 L 3.1445312 7.6445312 C 2.9492714 7.8397913 2.9492613 8.1562625 3.1445312 8.3515625 L 5.6445312 10.851562 C 5.8397913 11.046762 6.1563025 11.046762 6.3515625 10.851562 C 6.5468225 10.656263 6.5468225 10.339731 6.3515625 10.144531 L 4.2050781 7.9980469 L 6.3515625 5.8515625 C 6.5468225 5.6563025 6.5468225 5.3397913 6.3515625 5.1445312 C 6.2539325 5.0469013 6.1260081 4.9980469 5.9980469 4.9980469 z M 8.4980469 4.9980469 C 8.3700844 4.9980469 8.2421313 5.046901 8.1445312 5.1445312 C 7.9492315 5.3397913 7.9492315 5.6563025 8.1445312 5.8515625 L 9.6796875 7.3867188 C 9.7505735 7.1156932 9.8564801 6.8485697 10.005859 6.5898438 C 10.041239 6.5285607 10.084749 6.4745821 10.123047 6.4160156 L 8.8515625 5.1445312 C 8.7539125 5.0469012 8.6260094 4.9980469 8.4980469 4.9980469 z M 13.339844 5.7011719 C 12.363581 5.6718839 11.401509 6.1725423 10.878906 7.0898438 C 10.323396 8.0648784 10.418654 9.239876 11.025391 10.099609 L 8.6523438 14.261719 C 8.3366865 14.815769 8.5255408 15.523863 9.0722656 15.84375 C 9.6189902 16.163637 10.317156 15.973972 10.632812 15.419922 L 13.009766 11.25 C 14.040834 11.34363 15.079101 10.839456 15.630859 9.8710938 C 16.228121 8.8227091 16.076258 7.5442644 15.341797 6.6738281 L 14.048828 8.9433594 C 13.796341 9.3865797 13.236286 9.5410257 12.798828 9.2851562 C 12.361468 9.0292867 12.212358 8.4607985 12.464844 8.0175781 L 13.757812 5.7460938 C 13.618935 5.7199177 13.479311 5.705356 13.339844 5.7011719 z M 9.6191406 8.6699219 L 8.1445312 10.144531 C 7.9492315 10.339731 7.9492314 10.656263 8.1445312 10.851562 C 8.3397312 11.046762 8.6562625 11.046762 8.8515625 10.851562 L 9.9023438 9.8027344 C 9.7556562 9.4367904 9.6641372 9.0567522 9.6191406 8.6699219 z " />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
6
icons/window.svg
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<!-- 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
|
||||
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
|
||||
<path d="M13 1 3 1a2 2 0 0 0-2 2l0 9a2 2 0 0 0 2 2l10 0a2 2 0 0 0 2-2l0-9a2 2 0 0 0-2-2zM2.85 2.25l10.3 0 .6.6 0 2.15-11.5 0 0-2.15.6-.6zm10.3 10.5-10.3 0-.6-.6 0-5.9 11.5 0 0 5.9-.6.6z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 550 B |
323
userChrome.css
|
|
@ -11,9 +11,12 @@
|
|||
--inline-tab-padding: 6px !important; /* Original: 8px */
|
||||
|
||||
/* Panel */
|
||||
--arrowpanel-menuitem-margin: 0 8px !important; /* Original: 0 8px */
|
||||
--arrowpanel-menuitem-padding: 4px !important; /* Original: 8px */
|
||||
--arrowpanel-menuicon-padding: 8px;
|
||||
--arrowpanel-menublank-padding: calc(var(--arrowpanel-menuicon-padding) * 2 + 8px);
|
||||
--arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding) !important; /* Original: 0 8px */
|
||||
--arrowpanel-menuitem-padding: 5px !important; /* Original: 8px */
|
||||
--arrowpanel-padding: 0.8em !important; /* Original: 16px or .cui-widget-panel, .cui-widget-panel::part(arrowcontent) => 4px 0 */
|
||||
--arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding) - 2px);
|
||||
}
|
||||
|
||||
:root[uidensity=compact] {
|
||||
|
|
@ -21,7 +24,7 @@
|
|||
--toolbarbutton-outer-padding: 2px !important; /* Original: 3px, General is 2px */
|
||||
|
||||
/* Panel */
|
||||
--arrowpanel-menuitem-padding: 2px !important; /* Original: 8px */
|
||||
--arrowpanel-menuitem-padding: 3px !important; /* Original: 8px */
|
||||
}
|
||||
|
||||
:root[uidensity=touch] {
|
||||
|
|
@ -247,4 +250,318 @@
|
|||
:root[uidensity=compact] menupopup > menuitem, menupopup > menu {
|
||||
padding-block: 0.25em !important; /* Original: 0.5em */
|
||||
}
|
||||
|
||||
/** Panel - Icons ***********************************************************/
|
||||
/* Padding */
|
||||
.subviewbutton > .toolbarbutton-text {
|
||||
padding-inline-start: var(--arrowpanel-menuicon-padding);
|
||||
}
|
||||
#panelMenu_bookmarksMenu .subviewbutton[disabled=true] .toolbarbutton-text,
|
||||
#appMenu_historyMenu .subviewbutton[disabled=true] .toolbarbutton-text {
|
||||
padding-inline-start: var(--arrowpanel-menublank-padding) !important;
|
||||
}
|
||||
#appMenu-proton-update-banner .toolbarbutton-text {
|
||||
margin-inline-start: 0 !important;
|
||||
}
|
||||
|
||||
#appMenu-multiView .subviewbutton::before,
|
||||
#appMenu-proton-update-banner::before {
|
||||
display: -moz-inline-box;
|
||||
margin-inline-end: var(--arrowpanel-menuicon-padding);
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
#appMenu-proton-update-banner {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
#appMenu-proton-update-banner::before {
|
||||
margin-inline-start: var(--arrowpanel-menuitem-padding) !important;
|
||||
}
|
||||
#appMenu-fxa-status2,
|
||||
#appMenu-zoom-controls2 {
|
||||
align-items: center;
|
||||
padding-top: var(--arrowpanel-menuimageblank-padding) !important;
|
||||
padding-bottom: var(--arrowpanel-menuimageblank-padding) !important;
|
||||
}
|
||||
|
||||
/* Icons Color */
|
||||
#appMenu-multiView .subviewbutton::before,
|
||||
#appMenu-proton-update-banner::before,
|
||||
.subviewbutton > image {
|
||||
-moz-context-properties: fill;
|
||||
fill: currentColor;
|
||||
fill-opacity: var(--toolbarbutton-icon-fill-opacity);
|
||||
}
|
||||
|
||||
/* Panel - Main */
|
||||
#appMenu-proton-update-banner::before {
|
||||
content: url(chrome://browser/skin/whatsnew.svg);
|
||||
}
|
||||
#appMenu-fxa-status2::before { /* Don't exist img tag */
|
||||
content: url(chrome://browser/skin/fxa/avatar-empty.svg);
|
||||
}
|
||||
#appMenu-fxa-status2[fxastatus=signedin]::before { /* Don't exist img tag */
|
||||
display: none;
|
||||
}
|
||||
#appMenu-fxa-status2[fxastatus=signedin] #appMenu-fxa-label2::before {
|
||||
/* url("https://profile.accounts.firefox.com/v1/avatar/a") */
|
||||
content: '';
|
||||
background-image: var(--avatar-image-url) !important;
|
||||
}
|
||||
|
||||
#appMenu-new-tab-button2 {
|
||||
list-style-image: url(chrome://browser/skin/new-tab.svg);
|
||||
}
|
||||
#appMenu-new-window-button2 {
|
||||
list-style-image: url(chrome://browser/skin/window.svg);
|
||||
}
|
||||
#appMenu-new-private-window-button2 {
|
||||
list-style-image: url(chrome://browser/skin/privateBrowsing.svg);
|
||||
}
|
||||
|
||||
#appMenu-bookmarks-button{
|
||||
list-style-image: url(chrome://browser/skin/bookmark.svg);
|
||||
}
|
||||
#appMenu-history-button {
|
||||
list-style-image: url(chrome://browser/skin/history.svg);
|
||||
}
|
||||
#appMenu-downloads-button {
|
||||
list-style-image: url(chrome://browser/skin/downloads/downloads.svg);
|
||||
}
|
||||
#appMenu-passwords-button {
|
||||
list-style-image: url(chrome://browser/skin/login.svg);
|
||||
}
|
||||
#appMenu-extensions-themes-button {
|
||||
list-style-image: url(chrome://mozapps/skin/extensions/extension.svg);
|
||||
}
|
||||
|
||||
#appMenu-print-button2 {
|
||||
list-style-image: url(chrome://global/skin/icons/print.svg);
|
||||
}
|
||||
#appMenu-save-file-button2 {
|
||||
list-style-image: url(chrome://browser/skin/save.svg);
|
||||
}
|
||||
#appMenu-find-button2 {
|
||||
list-style-image: url(chrome://global/skin/icons/search-glass.svg);
|
||||
}
|
||||
#appMenu-zoom-controls2::before {
|
||||
content: url(./icons/screenshot.svg);
|
||||
}
|
||||
|
||||
#appMenu-settings-button {
|
||||
list-style-image: url(chrome://global/skin/icons/settings.svg);
|
||||
}
|
||||
#appMenu-more-button2 {
|
||||
list-style-image: url(chrome://browser/skin/ion.svg);
|
||||
}
|
||||
#appMenu-help-button2 {
|
||||
list-style-image: url(chrome://global/skin/icons/help.svg);
|
||||
}
|
||||
|
||||
#appMenu-quit-button2 {
|
||||
list-style-image: url(chrome://browser/skin/quit.svg);
|
||||
}
|
||||
|
||||
/* Panel - Account */
|
||||
#PanelUI-fxa-menu-connect-device-button .toolbarbutton-icon,
|
||||
#PanelUI-fxa-menu-account-signout-button .toolbarbutton-icon {
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
}
|
||||
|
||||
/* Default */
|
||||
#fxa-menu-avatar {
|
||||
display: -moz-inline-box !important;
|
||||
margin-inline-end: var(--arrowpanel-menuitem-padding);
|
||||
}
|
||||
|
||||
.syncNowBtn {
|
||||
visibility: visible !important;
|
||||
-moz-box-ordinal-group: 1 !important;
|
||||
margin-inline-end: var(--arrowpanel-menuicon-padding);
|
||||
}
|
||||
#PanelUI-fxa-menu-setup-sync-button {
|
||||
list-style-image: url(chrome://browser/skin/sync.svg);
|
||||
}
|
||||
|
||||
#PanelUI-fxa-menu-connect-device-button {
|
||||
list-style-image: url(chrome://browser/skin/fxa/add-device.svg);
|
||||
}
|
||||
#PanelUI-fxa-menu-sendtab-button {
|
||||
list-style-image: url(chrome://browser/skin/send-to-device.svg);
|
||||
}
|
||||
#PanelUI-fxa-menu-sync-prefs-button,
|
||||
#PanelUI-remotetabs-view-managedevices {
|
||||
list-style-image: url(chrome://global/skin/icons/settings.svg);
|
||||
}
|
||||
#PanelUI-fxa-menu-account-signout-button {
|
||||
list-style-image: url(chrome://browser/skin/sign-out.svg);
|
||||
}
|
||||
|
||||
.PanelUI-remotetabs-notabsforclient-label {
|
||||
margin-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding)) !important;
|
||||
padding-inline-start: var(--arrowpanel-menublank-padding) !important;
|
||||
}
|
||||
|
||||
/* Change Separator */
|
||||
#PanelUI-fxa-menu::before{
|
||||
content: "";
|
||||
display: -moz-box;
|
||||
border-bottom: 1px solid var(--panel-separator-color);
|
||||
margin: var(--panel-separator-margin);
|
||||
padding: 0;
|
||||
}
|
||||
#PanelUI-fxa-menu > :first-child{
|
||||
-moz-box-ordinal-group: 0;
|
||||
}
|
||||
#PanelUI-sign-out-separator {
|
||||
display: none;
|
||||
}
|
||||
.pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target[clientType=""] {
|
||||
list-style-image: url(chrome://browser/skin/send-to-device.svg);
|
||||
}
|
||||
.pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target:not([clientType]) {
|
||||
list-style-image: url(chrome://global/skin/icons/settings.svg);
|
||||
}
|
||||
|
||||
/* Panel - Bookmark */
|
||||
#panelMenuBookmarkThisPage {
|
||||
list-style-image: url(chrome://browser/skin/bookmark-hollow.svg);
|
||||
}
|
||||
panelMenuBookmarkThisPage[starred] {
|
||||
list-style-image: url(chrome://browser/skin/bookmark.svg);
|
||||
}
|
||||
|
||||
#panelMenu_searchBookmarks {
|
||||
list-style-image: url(chrome://global/skin/icons/search-glass.svg);
|
||||
}
|
||||
#panelMenu_viewBookmarksToolbar {
|
||||
list-style-image: url(chrome://browser/skin/bookmarks-toolbar.svg);
|
||||
}
|
||||
|
||||
#panelMenu_showAllBookmarks {
|
||||
list-style-image: url(chrome://browser/skin/bookmark-star-on-tray.svg);
|
||||
}
|
||||
|
||||
/* Panel - History */
|
||||
#appMenuRecentlyClosedTabs {
|
||||
list-style-image: url(chrome://browser/skin/tab.svg);
|
||||
}
|
||||
#appMenuRecentlyClosedWindows {
|
||||
list-style-image: url(chrome://browser/skin/window.svg);
|
||||
}
|
||||
#appMenuRestoreSession {
|
||||
list-style-image: url(chrome://browser/skin/restore-session.svg);
|
||||
}
|
||||
#appMenuClearRecentHistory {
|
||||
list-style-image: url(chrome://browser/skin/forget.svg);
|
||||
}
|
||||
|
||||
#PanelUI-historyMore {
|
||||
list-style-image: url(chrome://browser/skin/history.svg);
|
||||
}
|
||||
|
||||
#appMenu-library-recentlyClosedTabs {
|
||||
list-style-image: url(./icons/movetowindow-16.svg);
|
||||
}
|
||||
#appMenu-library-recentlyClosedWindows {
|
||||
list-style-image: url(chrome://browser/skin/restore-session.svg);
|
||||
}
|
||||
|
||||
/* Panel - More tools */
|
||||
#appmenu-moreTools-button {
|
||||
list-style-image: url(chrome://browser/skin/customize.svg);
|
||||
}
|
||||
|
||||
#appmenu-developer-tools-view .subviewbutton:nth-child(1) { /* Web Developer Tools */
|
||||
list-style-image: url(chrome://browser/skin/developer.svg);
|
||||
}
|
||||
#appmenu-developer-tools-view .subviewbutton:nth-child(2) { /* Task Manager */
|
||||
list-style-image: url(./icons/performance.svg);
|
||||
}
|
||||
#appmenu-developer-tools-view .subviewbutton:nth-child(3) { /* Remote Debugging - Edge bug.svg */
|
||||
list-style-image: url(./icons/bug.svg);
|
||||
}
|
||||
#appmenu-developer-tools-view .subviewbutton:nth-child(4) { /* Browser Toolbox - Edge webdeveloper.svg */
|
||||
list-style-image: url(./icons/webdeveloper.svg);
|
||||
}
|
||||
#appmenu-developer-tools-view .subviewbutton:nth-child(5) { /* Browser Content Toolbaox - */
|
||||
list-style-image: url(./icons/command-frames.svg);
|
||||
}
|
||||
#appmenu-developer-tools-view .subviewbutton:nth-child(6) { /* Browser Console */
|
||||
list-style-image: url(chrome://devtools/skin/images/command-console.svg);
|
||||
}
|
||||
#appmenu-developer-tools-view .subviewbutton:nth-child(7) { /* Responsive Design Mode */
|
||||
list-style-image: url(./icons/command-responsivemode.svg);
|
||||
}
|
||||
#appmenu-developer-tools-view .subviewbutton:nth-child(8) { /* Eyedropper */
|
||||
list-style-image: url(chrome://devtools/skin/images/command-eyedropper.svg);
|
||||
}
|
||||
#appmenu-developer-tools-view .subviewbutton:nth-child(9) { /* Page Source - Edge file-search.svg */
|
||||
list-style-image: url(./icons/search-file.svg);
|
||||
}
|
||||
#appmenu-developer-tools-view .subviewbutton:nth-child(10) { /* Extensions for Devel */
|
||||
list-style-image: url(chrome://devtools/skin/images/debugging-addons.svg);
|
||||
}
|
||||
#appmenu-developer-tools-view .subviewbutton:last-child {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
/* Panel - Help */
|
||||
#appMenu_menu_openHelp {
|
||||
list-style-image: url(chrome://global/skin/icons/help.svg);
|
||||
}
|
||||
#appMenu_feedbackPage {
|
||||
list-style-image: url(./icons/send.svg);
|
||||
}
|
||||
#appMenu_helpSafeMode {
|
||||
list-style-image: url(chrome://devtools/skin/images/debugging-workers.svg);
|
||||
}
|
||||
#appMenu_troubleShooting {
|
||||
list-style-image: url(chrome://global/skin/icons/more.svg);
|
||||
}
|
||||
#appMenu_help_reportSiteIssue {
|
||||
list-style-image: url(chrome://global/skin/icons/lightbulb.svg);
|
||||
}
|
||||
#appMenu_menu_HelpPopup_reportPhishingtoolmenu {
|
||||
list-style-image: url(chrome://global/skin/icons/warning.svg);
|
||||
}
|
||||
#appMenu_aboutName{
|
||||
list-style-image: url(chrome://global/skin/icons/info.svg);
|
||||
}
|
||||
|
||||
/* Panel - Library */
|
||||
#appMenu-library-bookmarks-button {
|
||||
list-style-image: url(chrome://browser/skin/bookmark.svg);
|
||||
}
|
||||
#appMenu-library-history-button {
|
||||
list-style-image: url(chrome://browser/skin/history.svg);
|
||||
}
|
||||
#appMenu-library-downloads-button{
|
||||
list-style-image: url(chrome://browser/skin/downloads/downloads.svg);
|
||||
}
|
||||
|
||||
/* Toolbar - Overflow Menu */
|
||||
#overflowMenu-customize-button {
|
||||
list-style-image: url(chrome://browser/skin/customize.svg);
|
||||
}
|
||||
|
||||
/* All Tab Menu */
|
||||
#allTabsMenu-undoCloseTab {
|
||||
list-style-image: url(chrome://global/skin/icons/undo.svg);
|
||||
}
|
||||
#allTabsMenu-searchTabs {
|
||||
list-style-image: url(chrome://global/skin/icons/search-glass.svg);
|
||||
}
|
||||
#allTabsMenu-containerTabsButton {
|
||||
list-style-image: url(./icons/container-openin-16.svg);
|
||||
}
|
||||
|
||||
#allTabsMenu-hiddenTabsButton {
|
||||
list-style-image: url(./icons/password-hide.svg);
|
||||
}
|
||||
|
||||
#allTabsMenu-containerTabsView .subviewbutton:last-child {
|
||||
list-style-image: url(chrome://global/skin/icons/settings.svg);
|
||||
}
|
||||
}
|
||||
|
|
|
|||