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