1/* Replace icons */ 2 3@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; 4 5/* Built-in firefox icons color */ 6.toolbarbutton-icon, 7.protections-popup-category-icon, 8.protections-popup-footer-icon { 9 fill: var(--gnome-toolbar-color) !important; 10 fill-opacity: 1 !important; 11} 12 13/* Menu checkbox */ 14menuitem[type="checkbox"] { 15 list-style-image: url("../icons/checkbox-symbolic.svg") !important; 16} 17menuitem[type="checkbox"][checked="true"] { 18 list-style-image: url("../icons/checkbox-checked-symbolic.svg") !important; 19} 20menuitem[type="checkbox"][disabled="true"] .menu-iconic-icon { 21 opacity: 0.5; 22} 23menuitem[type="checkbox"]:not([disabled="true"]):hover .menu-iconic-icon { 24 filter: invert(100%) brightness(200%); 25} 26 27/* Menu radio */ 28menuitem[type="radio"] { 29 list-style-image: url("../icons/radio-symbolic.svg") !important; 30} 31menuitem[type="radio"][checked="true"] { 32 list-style-image: url("../icons/radio-checked-symbolic.svg") !important; 33} 34menuitem[type="radio"][disabled="true"] .menu-iconic-icon { 35 opacity: 0.5; 36} 37menuitem[type="radio"]:not([disabled="true"]):hover .menu-iconic-icon { 38 filter: invert(100%) brightness(200%); 39} 40 41/* Window buttons */ 42:root[tabsintitlebar] #titlebar .titlebar-close .toolbarbutton-icon, 43:root[tabsintitlebar] #titlebar #titlebar-close .toolbarbutton-icon { 44 list-style-image: url("../icons/window-close-symbolic.svg") !important; 45} 46:root[tabsintitlebar] #titlebar .titlebar-close:hover .toolbarbutton-icon, 47:root[tabsintitlebar] #titlebar #titlebar-close:hover .toolbarbutton-icon { 48 list-style-image: url("../icons/window-close-hover-symbolic.svg") !important; 49} 50:root[tabsintitlebar] #titlebar .titlebar-close:active .toolbarbutton-icon, 51:root[tabsintitlebar] #titlebar #titlebar-close:active .toolbarbutton-icon { 52 list-style-image: url("../icons/window-close-active-symbolic.svg") !important; 53} 54:root[tabsintitlebar] #titlebar .titlebar-max .toolbarbutton-icon, 55:root[tabsintitlebar] #titlebar #titlebar-max .toolbarbutton-icon { 56 list-style-image: url("../icons/window-maximize-symbolic.svg") !important; 57} 58:root[tabsintitlebar] #titlebar .titlebar-max:hover .toolbarbutton-icon, 59:root[tabsintitlebar] #titlebar #titlebar-max:hover .toolbarbutton-icon { 60 list-style-image: url("../icons/window-maximize-hover-symbolic.svg") !important; 61} 62:root[tabsintitlebar] #titlebar .titlebar-max:active .toolbarbutton-icon, 63:root[tabsintitlebar] #titlebar #titlebar-max:active .toolbarbutton-icon { 64 list-style-image: url("../icons/window-maximize-active-symbolic.svg") !important; 65} 66:root[tabsintitlebar] #titlebar .titlebar-min .toolbarbutton-icon, 67:root[tabsintitlebar] #titlebar #titlebar-min .toolbarbutton-icon { 68 list-style-image: url("../icons/window-minimize-symbolic.svg") !important; 69} 70:root[tabsintitlebar] #titlebar .titlebar-min:hover .toolbarbutton-icon, 71:root[tabsintitlebar] #titlebar #titlebar-min:hover .toolbarbutton-icon { 72 list-style-image: url("../icons/window-minimize-hover-symbolic.svg") !important; 73} 74:root[tabsintitlebar] #titlebar .titlebar-min:active .toolbarbutton-icon, 75:root[tabsintitlebar] #titlebar #titlebar-min:active .toolbarbutton-icon { 76 list-style-image: url("../icons/window-minimize-active-symbolic.svg") !important; 77} 78:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore .toolbarbutton-icon, 79:root[tabsintitlebar] #titlebar #titlebar-restore .toolbarbutton-icon, 80:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-max .toolbarbutton-icon, 81:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max .toolbarbutton-icon, 82:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon { 83 list-style-image: url("../icons/view-restore-symbolic.svg") !important; 84} 85:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-max:hover .toolbarbutton-icon, 86:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:hover .toolbarbutton-icon, 87:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore:hover .toolbarbutton-icon, 88:root[tabsintitlebar] #titlebar #titlebar-restore:hover .toolbarbutton-icon { 89 list-style-image: url("../icons/view-restore-hover-symbolic.svg") !important; 90} 91:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-max:active .toolbarbutton-icon, 92:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:active .toolbarbutton-icon, 93:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore:active .toolbarbutton-icon, 94:root[tabsintitlebar] #titlebar #titlebar-restore:active .toolbarbutton-icon { 95 list-style-image: url("../icons/view-restore-active-symbolic.svg") !important; 96} 97 98/* bookmark item */ 99.bookmark-item[container] { 100 list-style-image: url("../icons/folder-symbolic.svg") !important; 101} 102 103#nav-bar toolbarbutton:not(.webextension-browser-action) .toolbarbutton-icon { 104 filter: invert(60%) brightness(160%) !important; 105} 106 107toolbarbutton:active:not(.webextension-browser-action) .toolbarbutton-icon, 108toolbarbutton[open]:not(.webextension-browser-action) .toolbarbutton-icon, 109#nav-bar toolbarbutton:active:not(.webextension-browser-action) .toolbarbutton-icon, 110#nav-bar toolbarbutton[open]:not(.webextension-browser-action) .toolbarbutton-icon { 111 filter: invert(100%) brightness(160%) !important; 112} 113 114/*#nav-bar toolbarbutton[disabled] .toolbarbutton-icon {*/ 115/* filter: invert(60%) brightness(160%) !important;*/ 116/*}*/ 117 118/* Invert icons color in dark variant */ 119@media (prefers-color-scheme: dark) { 120 menuitem[type="checkbox"] .menu-iconic-icon, 121 menuitem[type="radio"] .menu-iconic-icon { 122 filter: invert(60%) brightness(160%); 123 } 124 125 toolbarbutton:active:not(.webextension-browser-action) .toolbarbutton-icon, 126 toolbarbutton[open]:not(.webextension-browser-action) .toolbarbutton-icon, 127 #nav-bar toolbarbutton:active:not(.webextension-browser-action) .toolbarbutton-icon, 128 #nav-bar toolbarbutton[open]:not(.webextension-browser-action) .toolbarbutton-icon { 129 filter: invert(0%) brightness(160%) !important; 130 } 131 132 .bookmark-item[container] { 133 list-style-image: url("../icons/folder-symbolic-light.svg") !important; 134 } 135} 136