diff --git a/theme/icons/info-symbolic.svg b/theme/icons/info-symbolic.svg new file mode 100644 index 0000000..3f47dfc --- /dev/null +++ b/theme/icons/info-symbolic.svg @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme/parts/icons.css b/theme/parts/icons.css index 860ca3d..aa01c73 100644 --- a/theme/parts/icons.css +++ b/theme/parts/icons.css @@ -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 { diff --git a/theme/parts/tabsbar.css b/theme/parts/tabsbar.css index 39a41e0..45d5fa5 100644 --- a/theme/parts/tabsbar.css +++ b/theme/parts/tabsbar.css @@ -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;