diff --git a/theme/icons/folder-download-symbolic.svg b/theme/icons/folder-download-symbolic.svg new file mode 100644 index 0000000..a6c058f --- /dev/null +++ b/theme/icons/folder-download-symbolic.svg @@ -0,0 +1,4 @@ + + + + diff --git a/theme/icons/process-stop-symbolic.svg b/theme/icons/process-stop-symbolic.svg new file mode 100644 index 0000000..113e3fc --- /dev/null +++ b/theme/icons/process-stop-symbolic.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/theme/icons/view-refresh-symbolic.svg b/theme/icons/view-refresh-symbolic.svg new file mode 100644 index 0000000..c50c7d7 --- /dev/null +++ b/theme/icons/view-refresh-symbolic.svg @@ -0,0 +1,4 @@ + + + + diff --git a/theme/parts/buttons-fixes.css b/theme/parts/buttons-fixes.css index 9f09bc2..bbfbbf5 100644 --- a/theme/parts/buttons-fixes.css +++ b/theme/parts/buttons-fixes.css @@ -217,3 +217,44 @@ button.close { outline: 0 !important; } +/* Downloads button */ +#downloads-indicator-progress-inner { + background: conic-gradient(var(--gnome-toolbar-icon-fill) var(--download-progress-pcent), transparent var(--download-progress-pcent)) !important; +} +#downloads-indicator-progress-outer, +#downloads-indicator-start-image, +#downloads-indicator-finish-image { + border: 0 !important; + padding: 0 !important; + border-radius: 100% !important; +} +#downloads-indicator-progress-outer, +#downloads-indicator-start-image { + background: var(--gnome-toolbar-border-color) !important; +} +#downloads-indicator-finish-image { + background: var(--gnome-toolbar-icon-fill) !important; +} +#downloads-button .toolbarbutton-animatable-box { + top: 8px !important; + left: 8px !important; +} +#downloads-button .toolbarbutton-animatable-box, +#downloads-button .toolbarbutton-animatable-image, +#downloads-indicator-progress-inner { + height: 16px !important; + width: 16px !important; +} +#downloads-button .toolbarbutton-animatable-image { + --anim-steps: 1 !important; + transform: none !important; + list-style-image: none !important; +} + +/* Stop/Reload button */ +#stop-reload-button .toolbarbutton-animatable-image:not(#hack) { + --anim-steps: 1 !important; + transform: none !important; + list-style-image: none !important; + display: none !important; +} diff --git a/theme/parts/icons.css b/theme/parts/icons.css index 9fa05af..82651ac 100644 --- a/theme/parts/icons.css +++ b/theme/parts/icons.css @@ -5,6 +5,7 @@ /* Icons color */ .toolbarbutton-icon, .menu-iconic-icon, +.button-icon:not(#hack), .bookmark-item[container], .notification-anchor-icon, .protections-popup-category::after, @@ -12,7 +13,6 @@ #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, .menu-right, .expander-down > .button-box, @@ -33,12 +33,11 @@ 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, #permissions-granted-icon, +#downloads-indicator-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, @@ -410,17 +409,20 @@ button.close::before { #nav-bar-overflow-button { list-style-image: url("../icons/pan-down-symbolic.svg") !important; } -/* Glitch - animations (may be possible to fix in about:config) -#reload-button .toolbarbutton-icon { /* Reload button +#reload-button, +.downloadIconRetry > .button-box > .button-icon { list-style-image: url("../icons/view-refresh-symbolic.svg") !important; } -#stop-button .toolbarbutton-icon { /* Stop button +/* Stop */ +#stop-button, +.downloadIconCancel > .button-box > .button-icon { list-style-image: url("../icons/process-stop-symbolic.svg") !important; } -#downloads-button { /* Downloads button / Glitch - it swaps to the default one anyway +/* Downlaod */ +#downloads-button, +#downloads-indicator-icon { list-style-image: url("../icons/folder-download-symbolic.svg") !important; } -*/ /* Url Bar icons */ #urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon { @@ -470,7 +472,8 @@ button.close::before { } } -/* Bookmarks folder icon */ -.bookmark-item[container] { +/* Folder icon */ +.bookmark-item[container], +.downloadIconShow > .button-box > .button-icon { list-style-image: url("../icons/folder-symbolic.svg") !important; }