Proton: Replace some of the URL bar icons

Firefox now uses hairline icons everywhere, lets star fixing it
This commit is contained in:
Rafael Mardojai CM 2021-04-24 14:42:38 -05:00
parent c3172bac8e
commit 1f1d901566
8 changed files with 94 additions and 2 deletions

View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:osb="http://www.openswatchbook.org/uri/2009/osb">
<title>Gnome Symbolic Icon Theme</title>
<g transform="translate(-639.98 -284)" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity">
<path d="m643.16 294h10.688c0.64056 0 1.1562 0.51569 1.1562 1.1562v1.6875c0 0.64056-0.51569 1.1562-1.1562 1.1562h-10.688c-0.64056 0-1.1562-0.51569-1.1562-1.1562v-1.6875c0-0.64056 0.51569-1.1562 1.1562-1.1562z" style="paint-order:normal"/>
<path d="m649.16 289c-0.64056 0-1.1562 0.51569-1.1562 1.1562v1.6875c0 0.64056 0.51569 1.1562 1.1562 1.1562h4.6875c0.64056 0 1.1562-0.51569 1.1562-1.1562v-1.6875c0-0.64056-0.51569-1.1562-1.1562-1.1562zm-0.0469 1h4.7812c0.0606 0 0.10938 0.0488 0.10938 0.10938v1.7812c0 0.0606-0.0488 0.10938-0.10938 0.10938h-4.7812c-0.06057 0-0.10935-0.04878-0.10935-0.10938v-1.7812c0-0.0606 0.04878-0.10938 0.10938-0.10938z" style="paint-order:normal"/>
<path d="m647.51 285.88-3.502 3.502-1.5059-1.5293-0.9961 0.98046 2.4941 2.5352 4.498-4.5z" color="#000000" color-rendering="auto" dominant-baseline="auto" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;paint-order:normal;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M7 3v4H3v2h4v4h2V9h4V7H9V3z" style="marker:none" color="#bebebe" overflow="visible" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/></svg>

After

Width:  |  Height:  |  Size: 284 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M3.5 1A2.495 2.495 0 001 3.5v5C1 9.885 2.115 11 3.5 11h6.375L13 15v-4.063A2.486 2.486 0 0015 8.5v-5C15 2.115 13.885 1 12.5 1z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/></svg>

After

Width:  |  Height:  |  Size: 287 B

View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:osb="http://www.openswatchbook.org/uri/2009/osb">
<title>Gnome Symbolic Icon Theme</title>
<g transform="translate(-40,-318)">
<path d="m47 319c-1.6447 0-3 1.3553-3 3v3h-1c-0.554 0-1 0.446-1 1v2 1 3h12v-3-1-2c0-0.554-0.446-1-1-1h-1v-3c0-1.6447-1.3553-3-3-3zm0 2h2c0.5713 0 1 0.4287 1 1v3h-4v-3c0-0.5713 0.4287-1 1-1z" color="#bebebe" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 590 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><g color="#bebebe" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"><path d="M2 1v7c0 2.072 1.498 3.695 2.832 4.889a18.66 18.66 0 002.66 1.972l.516.305.512-.31s1.32-.8 2.65-2.002C12.5 11.65 14 10.044 14 8V1zm2 2h8v5c0 .92-1 2.313-2.17 3.37-.913.825-1.477 1.154-1.836 1.386-.358-.226-.918-.543-1.828-1.358C5 10.355 4 8.98 4 8z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;marker:none" font-weight="400" font-family="sans-serif" overflow="visible"/><path d="M5 4v4c0 .357.755 1.641 1.844 2.625.575.52.736.58 1.156.875.42-.294.581-.355 1.156-.875C10.246 9.641 11 8.357 11 8V4z" style="marker:none" overflow="visible"/></g></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M2 1v7c0 2.072 1.498 3.695 2.832 4.889a18.66 18.66 0 002.66 1.972l.516.305.512-.31s1.32-.8 2.65-2.002C12.5 11.65 14 10.044 14 8V1zm2 2h8v5c0 .92-1 2.313-2.17 3.37-.913.825-1.477 1.154-1.836 1.386-.358-.226-.918-.543-1.828-1.358C5 10.355 4 8.98 4 8z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;marker:none" color="#bebebe" font-weight="400" font-family="sans-serif" overflow="visible" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/></svg>

After

Width:  |  Height:  |  Size: 907 B

View File

@ -0,0 +1,41 @@
<?xml version='1.0' encoding='UTF-8' standalone='no'?>
<svg xmlns:cc='http://creativecommons.org/ns#' xmlns:dc='http://purl.org/dc/elements/1.1/' sodipodi:docname='settings-symbolic.svg' height='16' id='svg7384' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:osb='http://www.openswatchbook.org/uri/2009/osb' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' version='1.1' inkscape:version='1.0.1 (3bc2e813f5, 2020-09-07)' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'>
<metadata id='metadata90'>
<rdf:RDF>
<cc:Work rdf:about=''>
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/>
<dc:title>Gnome Symbolic Icon Theme</dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview inkscape:bbox-nodes='true' inkscape:bbox-paths='true' bordercolor='#666666' borderopacity='1' inkscape:current-layer='g7628' inkscape:cx='158.30993' inkscape:cy='365.8547' inkscape:document-rotation='0' gridtolerance='10' inkscape:guide-bbox='true' guidetolerance='10' id='namedview88' inkscape:measure-end='0,0' inkscape:measure-start='56,310.597' inkscape:object-nodes='true' inkscape:object-paths='true' objecttolerance='10' pagecolor='#ebebeb' inkscape:pageopacity='1' inkscape:pageshadow='2' showborder='false' showgrid='false' showguides='false' inkscape:snap-bbox='true' inkscape:snap-bbox-edge-midpoints='true' inkscape:snap-bbox-midpoints='true' inkscape:snap-global='true' inkscape:snap-grids='true' inkscape:snap-intersection-paths='true' inkscape:snap-nodes='true' inkscape:snap-others='false' inkscape:snap-to-guides='true' inkscape:window-height='1376' inkscape:window-maximized='0' inkscape:window-width='2560' inkscape:window-x='26' inkscape:window-y='23' inkscape:zoom='22.627417'>
<inkscape:grid empspacing='4' enabled='true' id='grid4866' originx='-540' originy='-242' snapvisiblegridlinesonly='true' spacingx='1px' spacingy='1px' type='xygrid' visible='true'/>
<inkscape:grid dotted='true' empspacing='4' id='grid2980' originx='-540' originy='-242' spacingx='0.5' spacingy='0.5' type='xygrid'/>
</sodipodi:namedview>
<title id='title9167'>Gnome Symbolic Icon Theme</title>
<defs id='defs7386'>
<linearGradient id='linearGradient7212' osb:paint='solid'>
<stop id='stop7214' offset='0' style='stop-color:#000000;stop-opacity:1;'/>
</linearGradient>
</defs>
<g inkscape:groupmode='layer' id='layer1' inkscape:label='ui' style='display:inline' transform='translate(-540,-41.999998)'/>
<g inkscape:groupmode='layer' id='layer21' inkscape:label='legacy' transform='translate(-540,-242)'/>
<g inkscape:groupmode='layer' id='layer9' inkscape:label='shapes' style='display:inline' transform='translate(-781.0002,325)'/>
<g inkscape:groupmode='layer' id='g7628' inkscape:label='other' style='display:inline' transform='translate(-781.0002,325)'>
<path inkscape:connector-curvature='0' d='m 788.50203,-323.98114 c -0.55245,0 -0.99805,0.4456 -0.99805,0.99804 v 0.45118 a 5.7338295,5.73383 0 0 0 -1.35547,0.5664 l -0.32227,-0.32226 c -0.39063,-0.39064 -1.01952,-0.39064 -1.41015,0 l -0.70508,0.70508 c -0.39064,0.39062 -0.39064,1.01952 0,1.41015 l 0.32031,0.32031 a 5.7338295,5.73383 0 0 0 -0.56055,1.35743 h -0.45312 c -0.55244,0 -0.99805,0.44365 -0.99805,0.99609 v 0.99805 c 0,0.55244 0.44561,0.99609 0.99805,0.99609 h 0.44922 a 5.7338295,5.73383 0 0 0 0.5664,1.35547 l -0.32226,0.32226 c -0.39064,0.39064 -0.39064,1.01953 0,1.41016 l 0.70508,0.70508 c 0.39063,0.39063 1.01952,0.39063 1.41015,0 l 0.32032,-0.32031 a 5.7338295,5.73383 0 0 0 1.35742,0.56054 v 0.45508 c 0,0.55244 0.4456,0.99609 0.99805,0.9961 h 0.99609 c 0.55244,0 0.99805,-0.44366 0.99805,-0.9961 v -0.45117 a 5.7338295,5.73383 0 0 0 1.35546,-0.56641 l 0.32227,0.32227 c 0.39064,0.39063 1.01952,0.39063 1.41016,0 l 0.70507,-0.70508 c 0.39064,-0.39063 0.39064,-1.01952 0,-1.41016 l -0.32031,-0.32031 a 5.7338295,5.73383 0 0 0 0.56055,-1.35742 h 0.45312 c 0.55245,0 0.99805,-0.44365 0.99805,-0.99609 v -0.99805 c 0,-0.55244 -0.4456,-0.99609 -0.99805,-0.99609 h -0.44922 a 5.7338295,5.73383 0 0 0 -0.5664,-1.35547 l 0.32226,-0.32227 c 0.39064,-0.39063 0.39064,-1.01953 0,-1.41015 l -0.70507,-0.70508 c -0.39064,-0.39064 -1.01952,-0.39064 -1.41016,0 l -0.32031,0.32031 a 5.7338295,5.73383 0 0 0 -1.35742,-0.56055 v -0.45508 c 0,-0.55244 -0.44561,-0.99804 -0.99805,-0.99804 z m 0.51562,3.97656 a 3,3 0 0 1 3,3 3,3 0 0 1 -3,3 3,3 0 0 1 -3,-3 3,3 0 0 1 3,-3 z' id='rect991-5' style='display:inline;vector-effect:none;stroke:none;stroke-width:0.0623242;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;enable-background:new' fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity"/>
</g>
<g inkscape:groupmode='layer' id='layer19' inkscape:label='multimedia' transform='translate(-540,-242)'/>
<g inkscape:groupmode='layer' id='layer13' inkscape:label='maps' transform='translate(-540,-242)'/>
<g inkscape:groupmode='layer' id='layer11' inkscape:label='graphics' style='display:inline' transform='translate(-540,-41.999998)'/>
<g inkscape:groupmode='layer' id='layer14' inkscape:label='food-drink' transform='translate(-540,-242)'/>
<g inkscape:groupmode='layer' id='g6387' inkscape:label='devices' style='display:inline' transform='translate(-540,-41.999998)'/>
<g inkscape:groupmode='layer' id='layer18' inkscape:label='text' transform='translate(-540,-242)'/>
<g inkscape:groupmode='layer' id='layer17' inkscape:label='weather' transform='translate(-540,-242)'/>
<g inkscape:groupmode='layer' id='layer16' inkscape:label='camera' transform='translate(-540,-242)'/>
<g inkscape:groupmode='layer' id='layer10' inkscape:label='body' style='display:inline' transform='translate(-540,-41.999998)'/>
<g inkscape:groupmode='layer' id='layer15' inkscape:label='animals' transform='translate(-540,-242)'/>
<g inkscape:groupmode='layer' id='layer12' inkscape:label='alert' transform='translate(-540,-41.999998)'/>
<g inkscape:groupmode='layer' id='layer20' inkscape:label='accessibility' transform='translate(-540,-242)'/>
</svg>

After

Width:  |  Height:  |  Size: 6.2 KiB

View File

@ -5,6 +5,7 @@
/* Icons color */
.toolbarbutton-icon,
.bookmark-item[container],
.notification-anchor-icon,
.protections-popup-category::after,
.protections-popup-footer-icon,
.PanelUI-subView .subviewbutton-nav::after,
@ -28,6 +29,9 @@ menuitem[type="radio"][checked="true"],
button.close::before,
.identity-popup-permission-remove-button .button-icon,
#urlbar-search-mode-indicator-close,
#tracking-protection-icon,
#identity-icon,
#permissions-granted-icon,
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon,
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon,
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon,
@ -250,10 +254,13 @@ button.close::before {
list-style-image: url("../icons/open-menu-symbolic.svg") !important;
}
/* New tab button */
#new-tab-button,
.tabs-newtab-button {
#new-tab-button {
list-style-image: url("../icons/tab-new-symbolic.svg") !important;
}
#tabs-newtab-button,
#TabsToolbar #new-tab-button {
list-style-image: url("../icons/list-add-symbolic.svg") !important;
}
/* Home button */
#home-button {
list-style-image: url("../icons/user-home-symbolic.svg") !important;
@ -344,6 +351,30 @@ button.close::before {
}
*/
/* Url Bar icons */
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {
list-style-image: url("../icons/edit-find-symbolic.svg") !important;
}
#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box > #tracking-protection-icon {
list-style-image: url("../icons/security-high-symbolic.svg") !important;
}
#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box[hasException] > #tracking-protection-icon {
list-style-image: url("../icons/security-low-symbolic.svg") !important;
}
#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box:not([hasException])[active] > #tracking-protection-icon {
list-style-image: url()"../icons/security-high-symbolic.svg") !important;
}
#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon,
#identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon {
list-style-image: url("../icons/padlock-symbolic.svg") !important;
}
#permissions-granted-icon {
list-style-image: url("../icons/general-properties-symbolic.svg") !important;
}
.popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon {
list-style-image: url("../icons/message-symbolic.svg") !important;
}
/* Fix for extensions icons */
@media (prefers-color-scheme: dark) {
.webextension-browser-action {