1@media (prefers-color-scheme: dark) { 2:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close, 3:root[tabsintitlebar] #titlebar #titlebar-close { 4 background: url("../titlebuttons/titlebutton-close-dark.svg") no-repeat; 5 background-size: contain; 6} 7:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max, 8:root[tabsintitlebar] #titlebar #titlebar-max { 9 background: url("../titlebuttons/titlebutton-maximize-dark.svg") no-repeat; 10 background-size: contain; 11} 12:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min, 13:root[tabsintitlebar] #titlebar #titlebar-min { 14 background: url("../titlebuttons/titlebutton-minimize-dark.svg") no-repeat; 15 background-size: contain; 16} 17:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox .titlebar-max, 18:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max { 19 background: url("../titlebuttons/titlebutton-maximize-dark.svg") no-repeat; 20 background-size: contain; 21} 22:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close, 23:root[tabsintitlebar] #titlebar #titlebar-close:hover { 24 background: url("../titlebuttons/titlebutton-close-hover-inactive-dark.svg") no-repeat; 25 background-size: contain; 26} 27:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max, 28:root[tabsintitlebar] #titlebar #titlebar-max:hover { 29 background: url("../titlebuttons/titlebutton-maximize-hover-inactive-dark.svg") no-repeat; 30 background-size: contain; 31} 32:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min, 33:root[tabsintitlebar] #titlebar #titlebar-min:hover { 34 background: url("../titlebuttons/titlebutton-minimize-hover-inactive-dark.svg") no-repeat; 35 background-size: contain; 36} 37:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close:hover, 38:root[tabsintitlebar] #titlebar #titlebar-close:hover { 39 background: url("../titlebuttons/titlebutton-close-hover-dark.svg") no-repeat; 40 background-size: contain; 41 transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1); 42} 43:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max:hover, 44:root[tabsintitlebar] #titlebar #titlebar-max:hover { 45 background: url("../titlebuttons/titlebutton-maximize-hover-dark.svg") no-repeat; 46 background-size: contain; 47 transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1); 48} 49:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min:hover, 50:root[tabsintitlebar] #titlebar #titlebar-min:hover { 51 background: url("../titlebuttons/titlebutton-minimize-hover-dark.svg") no-repeat; 52 background-size: contain; 53 transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1); 54} 55:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox:hover .titlebar-max, 56:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:hover { 57 background: url("../titlebuttons/titlebutton-unmaximize-hover-dark.svg") no-repeat; 58 background-size: contain; 59} 60:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close:active, 61:root[tabsintitlebar] #titlebar #titlebar-close:active { 62 background: url("../titlebuttons/titlebutton-close-active-dark.svg") no-repeat; 63 background-size: contain; 64} 65:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max:active, 66:root[tabsintitlebar] #titlebar #titlebar-max:active { 67 background: url("../titlebuttons/titlebutton-maximize-active-dark.svg") no-repeat; 68 background-size: contain; 69} 70:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min:active, 71:root[tabsintitlebar] #titlebar #titlebar-min:active { 72 background: url("../titlebuttons/titlebutton-minimize-active-dark.svg") no-repeat; 73 background-size: contain; 74} 75:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox:active .titlebar-max:active, 76:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:active { 77 background: url("../titlebuttons/titlebutton-unmaximize-active-dark.svg") no-repeat; 78 background-size: contain; 79} 80:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-close, 81:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-close { 82 background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat; 83 background-size: contain; 84} 85:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-max, 86:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-max { 87 background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat; 88 background-size: contain; 89} 90:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-min, 91:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-min { 92 background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat; 93 background-size: contain; 94} 95:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-max, 96:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive #titlebar-max { 97 background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat; 98 background-size: contain; 99} 100:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-close, 101:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-close:hover { 102 background: url("../titlebuttons/titlebutton-close-backdrop-dark.svg") no-repeat; 103 background-size: contain; 104} 105:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max, 106:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-max:hover { 107 background: url("../titlebuttons/titlebutton-maximize-backdrop-dark.svg") no-repeat; 108 background-size: contain; 109} 110:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-min, 111:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-min:hover { 112 background: url("../titlebuttons/titlebutton-minimize-backdrop-dark.svg") no-repeat; 113 background-size: contain; 114} 115:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max, 116:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive #titlebar-max:hover { 117 background: url("../titlebuttons/titlebutton-unmaximize-backdrop-dark.svg") no-repeat; 118 background-size: contain; 119} 120:root[tabsintitlebar][inFullscreen] #window-controls #restore-button { 121 background: url("../titlebuttons/titlebutton-maximize-dark.svg") no-repeat; 122 background-size: contain; 123} 124:root[tabsintitlebar][inFullscreen] #window-controls #restore-button:hover { 125 background: url("../titlebuttons/titlebutton-unmaximize-hover-dark.svg") no-repeat; 126 background-size: contain; 127} 128:root[tabsintitlebar][inFullscreen] #window-controls #restore-button:active { 129 background: url("../titlebuttons/titlebutton-unmaximize-active-dark.svg") no-repeat; 130 background-size: contain; 131} 132:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive #restore-button { 133 background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat; 134 background-size: contain; 135} 136} 137