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

Icons: Theme search clear icon 

Fixes #359
This commit is contained in:
Rafael Mardojai CM 2022-05-23 09:43:38 -05:00
parent f1dc9c51a7
commit 7999cf49f7
No known key found for this signature in database
GPG Key ID: 2B2DAB2A58566C84
2 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
theme/icons/edit-clear-symbolic.svg Normal file
View File

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg height="16px" viewBox="0 0 16 16" width="16px" xmlns="http://www.w3.org/2000/svg">
<path d="m 7 2 c -0.832031 0 -1.558594 0.34375 -2.292969 0.78125 s -1.464843 1.003906 -2.128906 1.597656 c -0.660156 0.597656 -1.253906 1.222656 -1.707031 1.796875 c -0.226563 0.289063 -0.417969 0.5625 -0.570313 0.835938 c -0.152343 0.277343 -0.300781 0.53125 -0.300781 0.988281 s 0.148438 0.710938 0.300781 0.984375 c 0.152344 0.277344 0.34375 0.550781 0.570313 0.835937 c 0.453125 0.578126 1.046875 1.203126 1.707031 1.796876 c 0.664063 0.597656 1.394531 1.164062 2.128906 1.601562 s 1.460938 0.78125 2.292969 0.78125 h 6 c 1.644531 0 3 -1.355469 3 -3 v -6 c 0 -1.644531 -1.355469 -3 -3 -3 z m 1 3 c 0.265625 0 0.519531 0.105469 0.707031 0.292969 l 1.292969 1.292969 l 1.292969 -1.292969 c 0.1875 -0.1875 0.441406 -0.292969 0.707031 -0.292969 s 0.519531 0.105469 0.707031 0.292969 c 0.390625 0.390625 0.390625 1.023437 0 1.414062 l -1.292969 1.292969 l 1.292969 1.292969 c 0.390625 0.390625 0.390625 1.023437 0 1.414062 s -1.023437 0.390625 -1.414062 0 l -1.292969 -1.292969 l -1.292969 1.292969 c -0.390625 0.390625 -1.023437 0.390625 -1.414062 0 s -0.390625 -1.023437 0 -1.414062 l 1.292969 -1.292969 l -1.292969 -1.292969 c -0.390625 -0.390625 -0.390625 -1.023437 0 -1.414062 c 0.1875 -0.1875 0.441406 -0.292969 0.707031 -0.292969 z m 0 0" fill="context-fill" stroke="context-stroke" fill-opacity="context-fill-opacity" stroke-opacity="context-stroke-opacity"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

18
theme/parts/icons.css
View File

@ -43,6 +43,7 @@ button.close::before,
#identity-icon, #identity-icon,
#permissions-granted-icon, #permissions-granted-icon,
#downloads-indicator-icon, #downloads-indicator-icon,
.textbox-search-clear,
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-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-max .toolbarbutton-icon,
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon, :root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon,
@ -55,6 +56,17 @@ button.close::before,
fill: var(--gnome-inactive-toolbar-icon-fill) !important; fill: var(--gnome-inactive-toolbar-icon-fill) !important;
} }
/* Dimmed icons */
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] > #identity-icon,
.searchbar-search-icon,
.textbox-search-sign,
.textbox-search-clear {
opacity: 0.7 !important;
}
.textbox-search-clear:hover {
opacity: 1 !important;
}
/* Fix icons sizes */ /* Fix icons sizes */
.permission-popup-permission-remove-button > .button-box > .button-icon, .permission-popup-permission-remove-button > .button-box > .button-icon,
.menu-iconic-icon { .menu-iconic-icon {
@ -173,7 +185,6 @@ arrowscrollbox[orient="horizontal"] {
.searchbar-search-icon, .searchbar-search-icon,
.textbox-search-sign { .textbox-search-sign {
list-style-image: url(../icons/edit-find-symbolic.svg) !important; list-style-image: url(../icons/edit-find-symbolic.svg) !important;
opacity: 0.7 !important;
} }
.textbox-search-sign { .textbox-search-sign {
margin: 2px 0; margin: 2px 0;
@ -514,3 +525,8 @@ button.close::before {
.downloadIconShow > .button-box > .button-icon { .downloadIconShow > .button-box > .button-icon {
list-style-image: url("../icons/folder-symbolic.svg") !important; list-style-image: url("../icons/folder-symbolic.svg") !important;
} }
/* Text clear */
.textbox-search-clear {
content: url("../icons/edit-clear-symbolic.svg") !important;
}