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

Icons: improvements

This commit is contained in:
Rafael Mardojai CM 2021-06-02 20:44:41 -05:00
parent 57dfbb52e5
commit e542daab8b
4 changed files with 68 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
theme/icons/audio-muted-symbolic.svg Normal file
View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" version="1.1" viewBox="0 0 4.2333 4.2333" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(-414.07 -67.204)" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
<g transform="matrix(.26458 0 0 .26458 414.07 67.204)">
<path transform="translate(-7.5591e-5 1.8898e-5)" d="m7.4531 2-2.9316 2.9609 3.4785 3.4785v-6.4395h-0.54688zm3.5469 1v2c0.607 0.789 1 1.76 1 3 0 1.241-0.393 2.22-1 3v0.43945l1.2871 1.2871c1.053-1.0425 1.7129-2.7746 1.7129-4.7266 0-2.166-0.739-4.02-2-5h-1zm-9 2v6h2.4844l3.041 3h0.47461v-3.4375l-5.5625-5.5625h-0.4375zm7 0v4.4395l1.2266 1.2266c0.50784-0.74821 0.77344-1.5707 0.77344-2.666 0-1.257-0.312-2.216-1-3h-1z" />
</g>
<path d="m417.9 71.337 0.28098-0.28099-3.7044-3.7039-0.28072 0.28072z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 918 B

8
theme/icons/audio-playing-symbolic.svg Normal file
View File

@ -0,0 +1,8 @@
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<g fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity">
<path d="M2 5h2.484l2.97-3H8v12h-.475l-3.04-3H2z" style="marker:none" color="#bebebe" overflow="visible"/>
<path d="M14 8c0-2.166-.739-4.02-2-5h-1v2c.607.789 1 1.76 1 3 0 1.241-.393 2.22-1 3v2h1c1.223-.995 2-2.873 2-5z" style="marker:none" color="#000" overflow="visible"/>
<path d="M11 8c0-1.257-.312-2.216-1-3H9v6h1c.672-.837 1-1.742 1-3z" style="line-height:normal;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration-line:none;text-transform:none;marker:none" color="#000" font-weight="400" font-family="Sans" overflow="visible"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 801 B

7
theme/icons/padlock-insecure-symbolic.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g color="#bebebe">
<path d="M5 0C3.355 0 2 1.355 2 3v3h2V3c0-.571.429-1 1-1h2c.571 0 1 .429 1 1v.25c.267-.15.557-.25.875-.25H10c0-1.645-1.355-3-3-3zM2 9s-1 0-1 1v5h10v-2H8.875C7.865 13 7 12.135 7 11.125V9z" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity" overflow="visible"/>
<path class="warning" d="M8.875 4A.863.863 0 008 4.875v6.25c0 .492.383.875.875.875h6.25a.863.863 0 00.875-.875v-6.25A.863.863 0 0015.125 4zM11 5h2v2.5s0 .5-.5.5h-1c-.5 0-.5-.5-.5-.5zm.5 4h1c.277 0 .5.223.5.5v1c0 .277-.223.5-.5.5h-1a.499.499 0 01-.5-.5v-1c0-.277.223-.5.5-.5z" fill="#f57900" overflow="visible"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 814 B

55
theme/parts/icons.css
View File

@ -4,10 +4,13 @@
/* Icons color */
.toolbarbutton-icon,
.menu-iconic-icon,
.bookmark-item[container],
.notification-anchor-icon,
.protections-popup-category::after,
.protections-popup-footer-icon,
#identity-popup-mainView .subviewbutton-nav::after,
.widget-overflow-list .subviewbutton-nav::after,
.PanelUI-subView .subviewbutton-nav::after,
#identity-popup-security-expander .button-icon,
#identity-popup[connection^="secure"] .identity-popup-security-connection,
@ -26,9 +29,11 @@ menuitem[type="checkbox"],
menuitem[type="checkbox"][checked="true"],
menuitem[type="radio"],
menuitem[type="radio"][checked="true"],
.tab-icon-overlay,
.close-icon:not(.tab-close-button),
button.close::before,
.identity-popup-permission-remove-button .button-icon,
.permission-popup-permission-remove-button > .button-box > .button-icon,
#urlbar-search-mode-indicator-close,
#tracking-protection-icon,
#identity-icon,
@ -46,9 +51,11 @@ button.close::before,
fill: var(--gnome-inactive-toolbar-icon-fill) !important;
}
.protections-popup-category::after,
.PanelUI-subView .subviewbutton-nav::after {
fill-opacity: 0.6 !important;
/* Fix icons sizes */
.permission-popup-permission-remove-button > .button-box > .button-icon,
.menu-iconic-icon {
height: 16px !important;
width: 16px !important;
}
/* Icons active color */
@ -94,6 +101,8 @@ arrowscrollbox[orient="horizontal"] {
}
/* Popovers subview menu arrow */
#identity-popup-mainView .subviewbutton-nav::after,
.widget-overflow-list .subviewbutton-nav::after,
.PanelUI-subView .subviewbutton-nav::after {
content: "" !important;
background: url("../icons/pan-end-symbolic.svg");
@ -101,6 +110,7 @@ arrowscrollbox[orient="horizontal"] {
height: 16px;
width: 16px;
margin-top: -2px !important;
fill-opacity: 1 !important;
}
.protections-popup-category::after {
content: url("../icons/pan-start-symbolic.svg") !important;
@ -201,7 +211,8 @@ menuitem[type="radio"][disabled="true"] .menu-iconic-icon {
/* Close button */
.close-icon:not(.tab-close-button),
.identity-popup-permission-remove-button .button-icon {
.identity-popup-permission-remove-button .button-icon,
.permission-popup-permission-remove-button > .button-box > .button-icon {
list-style-image: url("../icons/window-close-symbolic.svg") !important;
}
#urlbar-search-mode-indicator-close,
@ -236,6 +247,14 @@ button.close::before {
list-style-image: url("../icons/view-restore-symbolic.svg") !important;
}
/* Sound icons */
.tab-icon-overlay[soundplaying] {
list-style-image: url("../icons/audio-playing-symbolic.svg") !important;
}
.tab-icon-overlay[muted] {
list-style-image: url("../icons/audio-muted-symbolic.svg") !important;
}
/* Private browsing button */
#privatebrowsing-button {
list-style-image: url("../icons/eye-not-looking-symbolic.svg") !important;
@ -331,6 +350,19 @@ button.close::before {
#urlbar-engine-one-off-item-bookmarks {
list-style-image: url("../icons/starred-symbolic.svg") !important;
}
#context-bookmarkpage[starred="true"],
#star-button[starred] {
list-style-image: url("../icons/starred-symbolic.svg") !important;
}
#context-bookmarkpage,
#star-button {
list-style-image: url("../icons/non-starred-symbolic.svg") !important;
}
#star-button[starred] {
fill: orange !important;
}
/* History button */
#history-panelmenu,
#sidebar-box[sidebarcommand="viewHistorySidebar"] > #sidebar-header > #sidebar-switcher-target > #sidebar-ico0,
@ -393,6 +425,14 @@ button.close::before {
#identity-popup[connection^="secure"] .identity-popup-security-connection {
background-image: url("../icons/padlock-symbolic.svg") !important;
}
#identity-box[pageproxystate="valid"].notSecure #identity-icon,
#identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon,
#identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon {
list-style-image: url("../icons/padlock-insecure-symbolic.svg") !important;
}
.identity-popup-security-connection {
background-image: url("../icons/padlock-insecure-symbolic.svg") !important;
}
#permissions-granted-icon {
list-style-image: url("../icons/general-properties-symbolic.svg") !important;
}
@ -402,13 +442,6 @@ button.close::before {
#reader-mode-button {
list-style-image: url("../icons/reader-mode-symbolic.svg") !important;
}
#star-button {
list-style-image: url("../icons/non-starred-symbolic.svg") !important;
}
#star-button[starred] {
list-style-image: url("../icons/starred-symbolic.svg") !important;
fill: orange !important;
}
.urlbar-icon {
margin: 2px 0 !important;
}