jarno
/
firefox-gnome-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Icons: Add info icon

This commit is contained in:
Rafael Mardojai CM 2021-06-15 14:05:03 -05:00
parent ee55470cbc
commit bb942a92d0
3 changed files with 132 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

111
theme/icons/info-symbolic.svg Normal file
View File

@ -0,0 +1,111 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<filter id="a" x="0" y="0" width="1" height="1">
<feColorMatrix in="SourceGraphic" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
</filter>
<mask id="b">
<g filter="url(#a)">
<path d="m0 0h16v16h-16z" fill-opacity=".3"/>
</g>
</mask>
<clipPath id="c">
<path d="m0 0h1024v800h-1024z"/>
</clipPath>
<mask id="d">
<g filter="url(#a)">
<path d="m0 0h16v16h-16z" fill-opacity=".05"/>
</g>
</mask>
<clipPath id="e">
<path d="m0 0h1024v800h-1024z"/>
</clipPath>
<mask id="f">
<g filter="url(#a)">
<path d="m0 0h16v16h-16z" fill-opacity=".05"/>
</g>
</mask>
<clipPath id="g">
<path d="m0 0h1024v800h-1024z"/>
</clipPath>
<mask id="h">
<g filter="url(#a)">
<path d="m0 0h16v16h-16z" fill-opacity=".05"/>
</g>
</mask>
<clipPath id="i">
<path d="m0 0h1024v800h-1024z"/>
</clipPath>
<mask id="j">
<g filter="url(#a)">
<path d="m0 0h16v16h-16z" fill-opacity=".05"/>
</g>
</mask>
<clipPath id="k">
<path d="m0 0h1024v800h-1024z"/>
</clipPath>
<mask id="l">
<g filter="url(#a)">
<path d="m0 0h16v16h-16z" fill-opacity=".05"/>
</g>
</mask>
<clipPath id="m">
<path d="m0 0h1024v800h-1024z"/>
</clipPath>
<mask id="n">
<g filter="url(#a)">
<path d="m0 0h16v16h-16z" fill-opacity=".05"/>
</g>
</mask>
<clipPath id="o">
<path d="m0 0h1024v800h-1024z"/>
</clipPath>
<mask id="p">
<g filter="url(#a)">
<path d="m0 0h16v16h-16z" fill-opacity=".3"/>
</g>
</mask>
<clipPath id="q">
<path d="m0 0h1024v800h-1024z"/>
</clipPath>
<mask id="r">
<g filter="url(#a)">
<path d="m0 0h16v16h-16z" fill-opacity=".5"/>
</g>
</mask>
<clipPath id="s">
<path d="m0 0h1024v800h-1024z"/>
</clipPath>
<mask id="t">
<g filter="url(#a)">
<path d="m0 0h16v16h-16z" fill-opacity=".4"/>
</g>
</mask>
<clipPath id="u">
<path d="m0 0h1024v800h-1024z"/>
</clipPath>
<mask id="v">
<g filter="url(#a)">
<path d="m0 0h16v16h-16z" fill-opacity=".4"/>
</g>
</mask>
<clipPath id="w">
<path d="m0 0h1024v800h-1024z"/>
</clipPath>
<mask id="x">
<g filter="url(#a)">
<path d="m0 0h16v16h-16z" fill-opacity=".5"/>
</g>
</mask>
<clipPath id="y">
<path d="m0 0h1024v800h-1024z"/>
</clipPath>
<mask id="z">
<g filter="url(#a)">
<path d="m0 0h16v16h-16z" fill-opacity=".5"/>
</g>
</mask>
<clipPath id="A">
<path d="m0 0h1024v800h-1024z"/>
</clipPath>
<path d="m7.9062 1c-3.8281 0.050781-6.9062 3.1719-6.9062 7 0 3.8672 3.1328 7 7 7s7-3.1328 7-7-3.1328-7-7-7h-0.09375zm-0.40625 3h1c0.27734 0 0.5 0.22266 0.5 0.5v1c0 0.27734-0.22266 0.5-0.5 0.5h-1c-0.27734 0-0.5-0.22266-0.5-0.5v-1c0-0.27734 0.22266-0.5 0.5-0.5zm-0.5 3h2v5h-2z" color="#000000" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

13
theme/parts/icons.css
View File

@ -15,6 +15,7 @@
.widget-overflow-list .subviewbutton-nav::after,
.PanelUI-subView .subviewbutton-nav::after,
#identity-popup[connection^="secure"] .identity-popup-security-connection,
.panel-info-button > image,
.menu-right,
.expander-down > .button-box,
#sidebar-switcher-arrow,
@ -34,6 +35,7 @@ menuitem[type="radio"],
menuitem[type="radio"][checked="true"],
.tab-icon-overlay,
.tab-throbber::before,
.tab-icon-stack::before,
.close-icon:not(.tab-close-button),
button.close::before,
#urlbar-search-mode-indicator-close,
@ -445,6 +447,17 @@ button.close::before {
#downloads-indicator-icon {
list-style-image: url("../icons/folder-download-symbolic.svg") !important;
}
/* Info */
.panel-info-button > image,
#identity-icon {
list-style-image: url("../icons/info-symbolic.svg") !important;
}
.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"]:not([busy]):not([progress]) .tab-icon-stack::before {
content: "";
height: 16px;
width: 16px;
background-image: url("../icons/info-symbolic.svg") !important;
}
/* Url Bar icons */
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {

8
theme/parts/tabsbar.css
View File

@ -134,6 +134,14 @@ tab[selected]:-moz-window-inactive {
padding: 0 10px !important;
}
/* Fix custom info tab icon */
.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"]:not([pinned]):not([busy]):not([progress]) .tab-icon-stack::before {
margin-inline-end: 5.5px;
}
.tabbrowser-tab[image="chrome://global/skin/icons/info.svg"] .tab-icon-image {
display: none !important;
}
/* Prevent tab icons size breaking */
.tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button {
min-width: 16px;