├── LICENSE ├── README.md ├── previews ├── Screencast from 06-07-2021 12 55 38 PM.gif ├── Screenshot from 2021-06-07 12-46-00.png ├── Screenshot from 2021-06-07 12-46-21.png ├── Screenshot from 2021-06-07 12-51-09.png ├── Screenshot from 2021-06-07 12-51-24.png ├── Screenshot from 2021-06-16 18-56-31.png ├── Screenshot from 2021-06-16 18-56-56.png ├── Screenshot from 2021-06-16 18-57-31.png ├── Screenshot from 2021-06-16 18-59-08.png └── Screenshot from 2021-06-16 18-59-45.png └── userChrome.css /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Mustafa Mansy 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # pro-fox: A Firefox Theme 2 | 3 | ## Description 4 | A custome css theme for Firefox Proton that aims to make it even better 5 | + tabs are moved under urlbar 6 | + centeralized url bar 7 | + remove (playing - paused) from tabs that are playing videos or sound 8 | + selected tabs are expanding and their main color changed to accent color 9 | + moved sound icon on top of favicon 10 | + enhanced and bigger menus with icons 11 | + supports both dark and light mode 12 | + more... 13 | 14 | ![Preview](https://github.com/xmansyx/Pro-Fox/blob/main/previews/Screenshot%20from%202021-06-16%2018-59-08.png) 15 | ![Preview](https://github.com/xmansyx/Pro-Fox/blob/main/previews/Screenshot%20from%202021-06-16%2018-57-31.png) 16 | ![Preview](https://github.com/xmansyx/Pro-Fox/blob/main/previews/Screenshot%20from%202021-06-16%2018-56-31.png) 17 | ![Preview](https://github.com/xmansyx/Pro-Fox/blob/main/previews/Screenshot%20from%202021-06-16%2018-59-45.png) 18 | ![Preview](https://github.com/xmansyx/Pro-Fox/blob/main/previews/Screenshot%20from%202021-06-07%2012-46-00.png) 19 | ![Preview](https://github.com/xmansyx/Pro-Fox/blob/main/previews/Screenshot%20from%202021-06-07%2012-51-09.png) 20 | ![Preview](https://github.com/xmansyx/Pro-Fox/blob/main/previews/Screenshot%20from%202021-06-07%2012-46-21.png) 21 | ![Preview](https://github.com/xmansyx/Pro-Fox/blob/main/previews/Screenshot%20from%202021-06-07%2012-51-24.png) 22 | ![Preview](https://raw.githubusercontent.com/xmansyx/Pro-Fox/main/previews/Screencast%20from%2006-07-2021%2012%2055%2038%20PM.gif) 23 | 24 | 25 | ### NOTES 26 | + 100% working on linux. 27 | + Untested on macOS. 28 | 29 | ### Manual Installation 30 | 31 | 1. Open `about:config` page. 32 | 2. A dialog will warn you, but ignore it, ~~just do it~~ press the `I accept the risk!` button. 33 | 3. Search for these: 34 | 35 | + **`toolkit.legacyUserProfileCustomizations.stylesheets`** 36 | + **`layers.acceleration.force-enabled`** 37 | + **`gfx.webrender.all`** 38 | + **`gfx.webrender.enabled`** 39 | + **`layout.css.backdrop-filter.enabled`** 40 | + **`svg.context-properties.content.enabled`** 41 | 42 | 4. Go to your Firefox profile. 43 | 44 | + Linux - `$HOME/.mozilla/firefox/XXXXXXX.default-XXXXXX/`. 45 | + Windows 10 - `C:\Users\\AppData\Roaming\Mozilla\Firefox\Profiles\XXXXXXX.default-XXXXXX`. 46 | + macOS - `Users//Library/Application Support/Firefox/Profiles/XXXXXXX.default-XXXXXXX`. 47 | 48 | 5. Create a folder and name it **`chrome`**, then assuming that you already have cloned this repo, just copy the theme to `chrome` folder. 49 | 6. Restart Firefox. 50 | 7. Finally, you can now change whatever color mode you want in the Cusomization Window. 51 | 52 | + Default - Uses system colors, but uses the theme's layout. 53 | + Dark - Dark colorscheme. Good for the night. 54 | + Light - Bright colorscheme. Good for killing the eyes. 55 | 56 | -------------------------------------------------------------------------------- /previews/Screencast from 06-07-2021 12 55 38 PM.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmansyx/Pro-Fox/aac948482f9020f05dce560b334307b35f0d5ce5/previews/Screencast from 06-07-2021 12 55 38 PM.gif -------------------------------------------------------------------------------- /previews/Screenshot from 2021-06-07 12-46-00.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmansyx/Pro-Fox/aac948482f9020f05dce560b334307b35f0d5ce5/previews/Screenshot from 2021-06-07 12-46-00.png -------------------------------------------------------------------------------- /previews/Screenshot from 2021-06-07 12-46-21.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmansyx/Pro-Fox/aac948482f9020f05dce560b334307b35f0d5ce5/previews/Screenshot from 2021-06-07 12-46-21.png -------------------------------------------------------------------------------- /previews/Screenshot from 2021-06-07 12-51-09.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmansyx/Pro-Fox/aac948482f9020f05dce560b334307b35f0d5ce5/previews/Screenshot from 2021-06-07 12-51-09.png -------------------------------------------------------------------------------- /previews/Screenshot from 2021-06-07 12-51-24.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmansyx/Pro-Fox/aac948482f9020f05dce560b334307b35f0d5ce5/previews/Screenshot from 2021-06-07 12-51-24.png -------------------------------------------------------------------------------- /previews/Screenshot from 2021-06-16 18-56-31.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmansyx/Pro-Fox/aac948482f9020f05dce560b334307b35f0d5ce5/previews/Screenshot from 2021-06-16 18-56-31.png -------------------------------------------------------------------------------- /previews/Screenshot from 2021-06-16 18-56-56.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmansyx/Pro-Fox/aac948482f9020f05dce560b334307b35f0d5ce5/previews/Screenshot from 2021-06-16 18-56-56.png -------------------------------------------------------------------------------- /previews/Screenshot from 2021-06-16 18-57-31.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmansyx/Pro-Fox/aac948482f9020f05dce560b334307b35f0d5ce5/previews/Screenshot from 2021-06-16 18-57-31.png -------------------------------------------------------------------------------- /previews/Screenshot from 2021-06-16 18-59-08.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmansyx/Pro-Fox/aac948482f9020f05dce560b334307b35f0d5ce5/previews/Screenshot from 2021-06-16 18-59-08.png -------------------------------------------------------------------------------- /previews/Screenshot from 2021-06-16 18-59-45.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xmansyx/Pro-Fox/aac948482f9020f05dce560b334307b35f0d5ce5/previews/Screenshot from 2021-06-16 18-59-45.png -------------------------------------------------------------------------------- /userChrome.css: -------------------------------------------------------------------------------- 1 | /** Sound Tab - Hide Label **************************************************/ 2 | .tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]) { 3 | display: none !important; 4 | } 5 | 6 | /** Sound Tab - Show with Favicons ******************************************/ 7 | /* Makes the favicons always visible (also on hover) */ 8 | .tab-icon-image:not([pinned]) { 9 | opacity: 1 !important 10 | } 11 | 12 | /* Makes the speaker icon to always appear if the tab is playing (not only on hover) */ 13 | .tab-icon-overlay:not([crashed]), 14 | .tab-icon-overlay[pinned][crashed][selected] { 15 | /* Position */ 16 | top: -3.5px !important; 17 | inset-inline-end: -9px !important; 18 | z-index: 1 !important; 19 | 20 | /* Shape */ 21 | padding: 1.5px !important; 22 | border-radius: 10px !important; 23 | width: 17px !important; 24 | height: 17px !important; 25 | } 26 | 27 | .tab-icon-overlay:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { 28 | /* Color */ 29 | color: currentColor !important; 30 | stroke: transparent !important; 31 | background: transparent !important; 32 | fill-opacity: 0.8 !important; 33 | opacity: 1 !important; 34 | } 35 | 36 | .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { 37 | margin-inline-end: 9.5px !important; 38 | } 39 | 40 | /* None exist favicon */ 41 | .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]) { 42 | top: 0 !important; 43 | inset-inline-end: 0 !important; 44 | margin-inline-end: 5.5px !important; 45 | padding: 2px 0 !important; 46 | } 47 | 48 | /* Busy - Show */ 49 | .tab-throbber[busy], 50 | .tab-icon-pending[busy] { 51 | opacity: 1 !important; 52 | } 53 | 54 | /* Busy - Overlay Position */ 55 | .tabbrowser-tab:not([pinned])[busy] .tab-icon-overlay:is([soundplaying], [muted], [activemedia-blocked]) { 56 | transform: translateX(-.5px) translateY(-2.5px); 57 | } 58 | 59 | .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed])[busy] { 60 | top: -3.5px !important; 61 | inset-inline-end: -9px !important; 62 | margin-inline-end: 9.5px !important; 63 | padding: 1.5px !important; 64 | } 65 | 66 | /* Hover */ 67 | .tab-icon-overlay:not([crashed])[soundplaying]:hover, 68 | .tab-icon-overlay:not([crashed])[muted]:hover, 69 | .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover { 70 | color: var(--toolbar-bgcolor, white) !important; 71 | stroke: var(--lwt-tab-text, var(--toolbar-color)) !important; 72 | background-color: var(--lwt-tab-text, var(--toolbar-color)) !important; 73 | fill-opacity: 0.95 !important; 74 | } 75 | 76 | #TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[soundplaying]:hover, 77 | #TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[muted]:hover, 78 | #TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover { 79 | color: var(--toolbar-bgcolor, black) !important; 80 | } 81 | 82 | .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):hover { 83 | padding: 0 !important; 84 | } 85 | 86 | /** PictureInPicture Tab - Show PIP Icon ************************************/ 87 | .tab-icon-sound[pictureinpicture]:not([pinned]) { 88 | /* Shape */ 89 | display: -moz-inline-box !important; 90 | width: 14px; 91 | height: 14px; 92 | -moz-box-ordinal-group: 2 !important; 93 | 94 | /* Color */ 95 | fill: currentColor; 96 | opacity: 0.8; 97 | -moz-context-properties: fill; 98 | 99 | /* Icon */ 100 | list-style-image: url(chrome://global/skin/media/picture-in-picture-open.svg); 101 | } 102 | 103 | .tab-icon-sound[pictureinpicture]:not([pinned])[selected] { 104 | opacity: 0.95; 105 | } 106 | 107 | /* Close Button's position */ 108 | .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-close-button { 109 | margin-left: 7px !important; 110 | -moz-box-ordinal-group: 2 !important; 111 | } 112 | 113 | .tabbrowser-tab[pictureinpicture]:not([pinned]):hover .tab-close-button { 114 | margin-left: 0px !important; 115 | } 116 | 117 | /* Sound Tab - Don't move overlay */ 118 | .tabbrowser-tab[pinned][busy] .tab-icon-overlay:is([soundplaying], [muted], [activemedia-blocked]) { 119 | transform: translateX(.5px) translateY(-2px) !important; 120 | } 121 | 122 | .tabbrowser-tab[pinned][visuallyselected]:not([busy]) .tab-icon-overlay { 123 | transform: translateX(-9px) translateY(-2px) !important; 124 | left: 0 !important; 125 | } 126 | 127 | /** Container Tab - Color line at icon's bottom *****************************/ 128 | .tab-context-line { 129 | display: none; 130 | } 131 | 132 | .tab-icon-image { 133 | box-sizing: content-box; 134 | padding: 3px 0; 135 | 136 | border-bottom: 2px solid var(--identity-icon-color); 137 | } 138 | 139 | /* None exist favicon & Pinned to select */ 140 | .tabbrowser-tab:not([image]):not([pinned], [sharing], [crashed]):not([soundplaying], [muted], [activemedia-blocked]) .tab-content::before, 141 | .tabbrowser-tab[pinned][visuallyselected]:not([busy]):not(:hover) .tab-content::before { 142 | /* Box Model */ 143 | content: ''; 144 | display: block; 145 | position: absolute !important; 146 | transition: 0.2s !important; 147 | transform: translateY(10px) !important; 148 | 149 | /* Shape */ 150 | border-bottom: 2px solid var(--identity-icon-color); 151 | width: 16px; 152 | } 153 | 154 | .tabbrowser-tab:not([image]):not([pinned], [sharing], [crashed]):not([soundplaying], [muted], [activemedia-blocked]) .tab-content::before { 155 | transform: translateY(10px) !important; 156 | /* None exist favicon */ 157 | } 158 | 159 | .tabbrowser-tab[pinned][visuallyselected]:not([busy]):not(:hover) .tab-content::before { 160 | transform: translateX(2.5px) translateY(10px) !important; 161 | /* Pinned to select */ 162 | } 163 | 164 | /* None exist favicon - With Sound */ 165 | .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { 166 | box-sizing: content-box; 167 | padding: 3px 0; 168 | 169 | border-radius: 0 !important; 170 | border-bottom: 2px solid var(--identity-icon-color); 171 | } 172 | 173 | .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]):hover { 174 | padding: 0; 175 | 176 | border-radius: 10px !important; 177 | border-bottom: none; 178 | } 179 | 180 | /* Pinned Tab - Titlechanged Indicator override */ 181 | .tabbrowser-tab:is([image], [pinned])>.tab-stack>.tab-content[attention]:not([selected="true"]) .tab-icon-image, 182 | .tabbrowser-tab>.tab-stack>.tab-content[pinned][titlechanged]:not([selected="true"]) .tab-icon-image { 183 | border-bottom: 2px solid transparent !important; 184 | } 185 | 186 | .tabbrowser-tab:is([image], [pinned])[usercontextid]>.tab-stack>.tab-content[attention]:not([selected="true"]), 187 | .tabbrowser-tab[usercontextid]>.tab-stack>.tab-content[pinned][titlechanged]:not([selected="true"]) { 188 | /* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */ 189 | --dotted-identity-image: radial-gradient(circle, var(--identity-icon-color), var(--identity-icon-color) 2px, transparent 2px); 190 | background-image: var(--dotted-identity-image), var(--dotted-identity-image), var(--dotted-identity-image) !important; 191 | background-position-x: 32%, 50%, 70% !important; 192 | } 193 | 194 | :root[uidensity=compact] .tabbrowser-tab:is([image], [pinned])[usercontextid]>.tab-stack>.tab-content[attention]:not([selected="true"]), 195 | :root[uidensity=compact] .tabbrowser-tab[usercontextid]>.tab-stack>.tab-content[pinned][titlechanged]:not([selected="true"]) { 196 | /* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */ 197 | var(--dotted-identity-image) !important; 198 | background-position-x: 30%, 50%, 70% !important; 199 | } 200 | 201 | /* Pinned Tab - Titlechanged & soundplaying */ 202 | .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])>.tab-stack>.tab-content[attention]:not([selected="true"]), 203 | .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])>.tab-stack>.tab-content[pinned][titlechanged]:not([selected="true"]) { 204 | background-position-x: calc(32% - 1px), calc(50% - 1px), calc(70% - 1px) !important; 205 | } 206 | 207 | :root[uidensity=compact] .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])>.tab-stack>.tab-content[attention]:not([selected="true"]), 208 | :root[uidensity=compact] .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked])>.tab-stack>.tab-content[pinned][titlechanged]:not([selected="true"]) { 209 | var(--dotted-identity-image) !important; 210 | background-position-x: calc(30% - 1px), calc(50% - 1px), calc(70% - 1px) !important; 211 | } 212 | 213 | /** Crashed Tab - Don't show Favicons ***************************************/ 214 | .tab-icon-image[crashed] { 215 | display: none !important; 216 | } 217 | 218 | /** URL Bar - Reduce Padding ************************************************/ 219 | :root:not([uidensity=touch]) #urlbar-container, 220 | #search-container { 221 | padding-block: 2px; 222 | /* Original: 4px */ 223 | margin-inline: 5px; 224 | /* Original: 5px */ 225 | } 226 | 227 | /* spread menu */ 228 | :root[uidensity=compact] .urlbarView-row:not([type=tip], [type=dynamic]) { 229 | padding-block: 1px; 230 | /* [Compact, General]: 2px, Touch: 11px */ 231 | } 232 | 233 | :root[uidensity=compact] #urlbar .search-one-offs:not([hidden]) { 234 | padding-block: 2px; 235 | /* [Compact, General]: 4px, Touch 11px */ 236 | } 237 | 238 | /** BookMark Bar - Reduce Height ********************************************/ 239 | :root[uidensity=compact] #PersonalToolbar toolbarbutton { 240 | margin-top: 0px; 241 | /* Original: 2px */ 242 | } 243 | 244 | /** Menu - Reduce Padding ***************************************************/ 245 | :root:not([uidensity=touch]) menupopup>menuitem, 246 | menupopup>menu { 247 | padding-block: 0.35em !important; 248 | /* Original: 0.5em */ 249 | } 250 | 251 | :root:not([uidensity=touch]) .menu-text, 252 | .menu-iconic-text { 253 | padding-inline-end: 0 !important; 254 | /* Original: 2px */ 255 | } 256 | 257 | :root:not([uidensity=touch]) .menupopup-arrowscrollbox { 258 | padding-block: 1px !important; 259 | /* Original: 4px*/ 260 | } 261 | 262 | :root:not([uidensity=touch]) #context-navigation:not([hidden]) { 263 | padding: 0 0 1px !important; 264 | /* Original: 0 0 4px*/ 265 | } 266 | 267 | :root:not([uidensity=touch]) .menu-right { 268 | margin-right: 6px !important; 269 | /* Original: 12px */ 270 | } 271 | 272 | :root[uidensity=compact] menupopup>menuitem, 273 | menupopup>menu { 274 | padding-block: 0.25em !important; 275 | /* Original: 0.5em */ 276 | } 277 | 278 | /** Panel - View ************************************************************/ 279 | :root #appMenu-popup panelview { 280 | width: 25em !important; 281 | /* can modify panel width, Original: 22.5em */ 282 | } 283 | 284 | /** Panel - Icons ***********************************************************/ 285 | /* Padding */ 286 | :root { 287 | --arrowpanel-menublank-padding: calc(var(--arrowpanel-menuicon-padding) * 2 + 8px) !important; 288 | --arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding) - 2px) !important; 289 | } 290 | 291 | #downloadsHistory .button-text, 292 | .subviewbutton>.toolbarbutton-text { 293 | padding-inline-start: var(--arrowpanel-menuicon-padding) !important; 294 | 295 | } 296 | 297 | #panelMenu_bookmarksMenu .subviewbutton[disabled=true] .toolbarbutton-text, 298 | #appMenu_historyMenu .subviewbutton[disabled=true] .toolbarbutton-text { 299 | padding-inline-start: var(--arrowpanel-menublank-padding) !important; 300 | } 301 | 302 | #appMenu-proton-update-banner .toolbarbutton-text { 303 | margin-inline-start: 0 !important; 304 | } 305 | 306 | #appMenu-multiView .subviewbutton::before, 307 | #appMenu-proton-update-banner::before { 308 | display: -moz-inline-box; 309 | margin-inline-end: var(--arrowpanel-menuicon-padding); 310 | width: 16px !important; 311 | height: 16px !important; 312 | } 313 | 314 | #appMenu-proton-update-banner { 315 | margin-bottom: 2px !important; 316 | } 317 | 318 | #appMenu-proton-update-banner::before { 319 | margin-inline-start: var(--arrowpanel-menuitem-padding) !important; 320 | } 321 | 322 | #appMenu-fxa-status2, 323 | #appMenu-zoom-controls2 { 324 | align-items: center; 325 | padding-top: var(--arrowpanel-menuimageblank-padding) !important; 326 | padding-bottom: var(--arrowpanel-menuimageblank-padding) !important; 327 | } 328 | 329 | #appMenu-zoom-controls2::before { 330 | margin-inline-end: 0 !important; 331 | } 332 | 333 | /* Icons Color */ 334 | #appMenu-multiView .subviewbutton::before, 335 | #appMenu-proton-update-banner::before, 336 | #downloadsHistory .button-icon, 337 | .subviewbutton>image { 338 | fill: currentColor !important; 339 | fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important; 340 | -moz-context-properties: fill !important; 341 | } 342 | 343 | /* Panel - Main */ 344 | #appMenu-proton-addon-banners>.addon-banner-item>.toolbarbutton-icon { 345 | display: -moz-inline-box !important; 346 | margin-inline-start: var(--arrowpanel-menuicon-padding); 347 | -moz-box-ordinal-group: 0 !important; 348 | } 349 | 350 | #appMenu-proton-update-banner::before { 351 | content: url(chrome://browser/skin/whatsnew.svg); 352 | } 353 | 354 | #appMenu-fxa-status2::before { 355 | /* Don't exist img tag */ 356 | content: url(chrome://browser/skin/fxa/avatar-empty.svg); 357 | } 358 | 359 | #appMenu-fxa-status2[fxastatus=signedin]::before { 360 | /* Don't exist img tag */ 361 | display: none; 362 | } 363 | 364 | #appMenu-fxa-status2[fxastatus=signedin] #appMenu-fxa-label2::before { 365 | /* url("https://profile.accounts.firefox.com/v1/avatar/a") */ 366 | content: ''; 367 | border-radius: 50% !important; 368 | background-size: 16px !important; 369 | background-image: var(--avatar-image-url) !important; 370 | } 371 | 372 | #appMenu-new-tab-button2 { 373 | list-style-image: url(chrome://browser/skin/new-tab.svg); 374 | } 375 | 376 | #appMenu-new-window-button2 { 377 | list-style-image: url(chrome://browser/skin/window.svg); 378 | } 379 | 380 | #appMenu-new-private-window-button2 { 381 | list-style-image: url(chrome://browser/skin/privateBrowsing.svg); 382 | } 383 | 384 | #appMenu-bookmarks-button { 385 | list-style-image: url(chrome://browser/skin/bookmark.svg); 386 | } 387 | 388 | #appMenu-history-button { 389 | list-style-image: url(chrome://browser/skin/history.svg); 390 | } 391 | 392 | #appMenu-downloads-button { 393 | list-style-image: url(chrome://browser/skin/downloads/downloads.svg); 394 | } 395 | 396 | #appMenu-passwords-button { 397 | list-style-image: url(chrome://browser/skin/login.svg); 398 | } 399 | 400 | #appMenu-extensions-themes-button { 401 | list-style-image: url(chrome://mozapps/skin/extensions/extension.svg); 402 | } 403 | 404 | #appMenu-print-button2 { 405 | list-style-image: url(chrome://global/skin/icons/print.svg); 406 | } 407 | 408 | #appMenu-save-file-button2 { 409 | list-style-image: url(chrome://browser/skin/save.svg); 410 | } 411 | 412 | #appMenu-find-button2 { 413 | list-style-image: url(chrome://global/skin/icons/search-glass.svg); 414 | } 415 | 416 | #appMenu-zoom-controls2::before { 417 | content: url(./icons/screenshot.svg); 418 | } 419 | 420 | #appMenu-settings-button { 421 | list-style-image: url(chrome://global/skin/icons/settings.svg); 422 | } 423 | 424 | #appMenu-more-button2 { 425 | list-style-image: url(chrome://browser/skin/ion.svg); 426 | } 427 | 428 | #appMenu-help-button2 { 429 | list-style-image: url(chrome://global/skin/icons/help.svg); 430 | } 431 | 432 | #appMenu-quit-button2 { 433 | list-style-image: url(chrome://browser/skin/quit.svg); 434 | } 435 | 436 | /* Panel - Account */ 437 | #PanelUI-fxa-menu-connect-device-button .toolbarbutton-icon, 438 | #PanelUI-fxa-menu-account-signout-button .toolbarbutton-icon { 439 | width: 16px !important; 440 | height: 16px !important; 441 | } 442 | 443 | /* Default */ 444 | #fxa-menu-avatar { 445 | display: -moz-inline-box !important; 446 | margin-inline-end: var(--arrowpanel-menuitem-padding); 447 | } 448 | 449 | .syncNowBtn { 450 | visibility: visible !important; 451 | -moz-box-ordinal-group: 1 !important; 452 | margin-inline-end: var(--arrowpanel-menuicon-padding); 453 | } 454 | 455 | #PanelUI-fxa-menu-setup-sync-button { 456 | list-style-image: url(chrome://browser/skin/sync.svg); 457 | } 458 | 459 | #PanelUI-fxa-menu-connect-device-button { 460 | list-style-image: url(chrome://browser/skin/fxa/add-device.svg); 461 | } 462 | 463 | #PanelUI-fxa-menu-sendtab-button { 464 | list-style-image: url(chrome://browser/skin/send-to-device.svg); 465 | } 466 | 467 | #PanelUI-fxa-menu-sync-prefs-button, 468 | #PanelUI-remotetabs-view-managedevices { 469 | list-style-image: url(chrome://global/skin/icons/settings.svg); 470 | } 471 | 472 | #PanelUI-fxa-menu-account-signout-button { 473 | list-style-image: url(chrome://browser/skin/sign-out.svg); 474 | } 475 | 476 | .PanelUI-remotetabs-notabsforclient-label { 477 | margin-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding)) !important; 478 | padding-inline-start: var(--arrowpanel-menublank-padding) !important; 479 | } 480 | 481 | /* Change Separator */ 482 | #PanelUI-fxa-menu::before { 483 | content: ""; 484 | display: -moz-box; 485 | border-bottom: 1px solid var(--panel-separator-color); 486 | margin: var(--panel-separator-margin); 487 | padding: 0; 488 | } 489 | 490 | #PanelUI-fxa-menu> :first-child { 491 | -moz-box-ordinal-group: 0; 492 | } 493 | 494 | #PanelUI-sign-out-separator { 495 | display: none; 496 | } 497 | 498 | .pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target[clientType=""] { 499 | list-style-image: url(chrome://browser/skin/send-to-device.svg); 500 | } 501 | 502 | .pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target:not([clientType]) { 503 | list-style-image: url(chrome://global/skin/icons/settings.svg); 504 | } 505 | 506 | /* Panel - Bookmark */ 507 | #panelMenuBookmarkThisPage { 508 | list-style-image: url(chrome://browser/skin/bookmark-hollow.svg); 509 | } 510 | 511 | panelMenuBookmarkThisPage[starred] { 512 | list-style-image: url(chrome://browser/skin/bookmark.svg); 513 | } 514 | 515 | #panelMenu_searchBookmarks { 516 | list-style-image: url(chrome://global/skin/icons/search-glass.svg); 517 | } 518 | 519 | #panelMenu_viewBookmarksToolbar { 520 | list-style-image: url(chrome://browser/skin/bookmarks-toolbar.svg); 521 | } 522 | 523 | #panelMenu_showAllBookmarks { 524 | list-style-image: url(chrome://browser/skin/bookmark-star-on-tray.svg); 525 | } 526 | 527 | /* Panel - History */ 528 | #appMenuRecentlyClosedTabs { 529 | list-style-image: url(chrome://browser/skin/tab.svg); 530 | } 531 | 532 | #appMenuRecentlyClosedWindows { 533 | list-style-image: url(chrome://browser/skin/window.svg); 534 | } 535 | 536 | #appMenuRestoreSession { 537 | list-style-image: url(chrome://browser/skin/restore-session.svg); 538 | } 539 | 540 | #appMenuClearRecentHistory { 541 | list-style-image: url(chrome://browser/skin/forget.svg); 542 | } 543 | 544 | #PanelUI-historyMore { 545 | list-style-image: url(chrome://browser/skin/history.svg); 546 | } 547 | 548 | #appMenu-library-recentlyClosedTabs { 549 | list-style-image: url(./icons/movetowindow-16.svg); 550 | } 551 | 552 | #appMenu-library-recentlyClosedWindows { 553 | list-style-image: url(chrome://browser/skin/restore-session.svg); 554 | } 555 | 556 | /* Panel - More tools */ 557 | #appmenu-moreTools-button { 558 | list-style-image: url(chrome://browser/skin/customize.svg); 559 | } 560 | 561 | #appmenu-developer-tools-view .subviewbutton:nth-child(1) { 562 | /* Web Developer Tools */ 563 | list-style-image: url(chrome://browser/skin/developer.svg); 564 | } 565 | 566 | #appmenu-developer-tools-view .subviewbutton:nth-child(2) { 567 | /* Task Manager */ 568 | list-style-image: url(./icons/performance.svg); 569 | } 570 | 571 | #appmenu-developer-tools-view .subviewbutton:nth-child(3) { 572 | /* Remote Debugging - Edge bug.svg */ 573 | list-style-image: url(./icons/bug.svg); 574 | } 575 | 576 | #appmenu-developer-tools-view .subviewbutton:nth-child(4) { 577 | /* Browser Toolbox - Edge webdeveloper.svg */ 578 | list-style-image: url(./icons/webdeveloper.svg); 579 | } 580 | 581 | #appmenu-developer-tools-view .subviewbutton:nth-child(5) { 582 | /* Browser Content Toolbaox - */ 583 | list-style-image: url(./icons/command-frames.svg); 584 | } 585 | 586 | #appmenu-developer-tools-view .subviewbutton:nth-child(6) { 587 | /* Browser Console */ 588 | list-style-image: url(chrome://devtools/skin/images/command-console.svg); 589 | } 590 | 591 | #appmenu-developer-tools-view .subviewbutton:nth-child(7) { 592 | /* Responsive Design Mode */ 593 | list-style-image: url(./icons/command-responsivemode.svg); 594 | } 595 | 596 | #appmenu-developer-tools-view .subviewbutton:nth-child(8) { 597 | /* Eyedropper */ 598 | list-style-image: url(chrome://devtools/skin/images/command-eyedropper.svg); 599 | } 600 | 601 | #appmenu-developer-tools-view .subviewbutton:nth-child(9) { 602 | /* Page Source - Edge file-search.svg */ 603 | list-style-image: url(./icons/search-file.svg); 604 | } 605 | 606 | #appmenu-developer-tools-view .subviewbutton:nth-child(10) { 607 | /* Extensions for Devel */ 608 | list-style-image: url(chrome://devtools/skin/images/debugging-addons.svg); 609 | } 610 | 611 | #appmenu-developer-tools-view .subviewbutton:last-child { 612 | margin-bottom: 6px !important; 613 | } 614 | 615 | /* Panel - Help */ 616 | #appMenu_menu_openHelp { 617 | list-style-image: url(chrome://global/skin/icons/help.svg); 618 | } 619 | 620 | #appMenu_feedbackPage { 621 | list-style-image: url(./icons/send.svg); 622 | } 623 | 624 | #appMenu_helpSafeMode { 625 | list-style-image: url(chrome://devtools/skin/images/debugging-workers.svg); 626 | } 627 | 628 | #appMenu_troubleShooting { 629 | list-style-image: url(chrome://global/skin/icons/more.svg); 630 | } 631 | 632 | #appMenu_help_reportSiteIssue { 633 | list-style-image: url(chrome://global/skin/icons/lightbulb.svg); 634 | } 635 | 636 | #appMenu_menu_HelpPopup_reportPhishingtoolmenu { 637 | list-style-image: url(chrome://global/skin/icons/warning.svg); 638 | } 639 | 640 | #appMenu_aboutName { 641 | list-style-image: url(chrome://global/skin/icons/info.svg); 642 | } 643 | 644 | /* Panel - Library */ 645 | #appMenu-library-bookmarks-button { 646 | list-style-image: url(chrome://browser/skin/bookmark.svg); 647 | } 648 | 649 | #appMenu-library-history-button { 650 | list-style-image: url(chrome://browser/skin/history.svg); 651 | } 652 | 653 | #appMenu-library-downloads-button { 654 | list-style-image: url(chrome://browser/skin/downloads/downloads.svg); 655 | } 656 | 657 | /* Panel - Downloads */ 658 | #downloadsHistory { 659 | list-style-image: url(chrome://browser/skin/downloads/downloads.svg); 660 | } 661 | 662 | /* Toolbar - Overflow Menu */ 663 | #overflowMenu-customize-button { 664 | list-style-image: url(chrome://browser/skin/customize.svg); 665 | } 666 | 667 | /* All Tab Menu */ 668 | #allTabsMenu-undoCloseTab { 669 | list-style-image: url(chrome://global/skin/icons/undo.svg); 670 | } 671 | 672 | #allTabsMenu-searchTabs { 673 | list-style-image: url(chrome://global/skin/icons/search-glass.svg); 674 | } 675 | 676 | #allTabsMenu-containerTabsButton { 677 | list-style-image: url(./icons/container-openin-16.svg); 678 | } 679 | 680 | #allTabsMenu-hiddenTabsButton { 681 | list-style-image: url(./icons/password-hide.svg); 682 | } 683 | 684 | #allTabsMenu-containerTabsView .subviewbutton:last-child { 685 | list-style-image: url(chrome://global/skin/icons/settings.svg); 686 | } 687 | 688 | /* 689 | 690 | ______ __ __ ______ ______ ______ ______ ______ ______ ______ ______ 691 | /\__ _/\ \_\ \/\ ___\/\ == \/\ ___\/\ __ \/\ ___\/\__ _/\ == \/\ == \ 692 | \/_/\ \\ \ __ \ \ __\\ \ __<\ \ __\\ \ __ \ \ \___\/_/\ \\ \ __<\ \ __< 693 | \ \_\\ \_\ \_\ \_____\ \_\ \_\ \_____\ \_\ \_\ \_____\ \ \_\\ \_\ \_\ \_\ \_\ 694 | \/_/ \/_/\/_/\/_____/\/_/ /_/\/_____/\/_/\/_/\/_____/ \/_/ \/_/ /_/\/_/ /_/ 695 | 696 | Firefox-89 PROTON+ 697 | by. thereact0rr 698 | 699 | */ 700 | 701 | 702 | 703 | 704 | /* Remove space to left of toolbar */ 705 | .titlebar-spacer[type="pre-tabs"] { 706 | display: none !important; 707 | } 708 | 709 | /* Customize window action buttons ( Close, Min, Max ) */ 710 | .titlebar-button { 711 | margin: 7px !important; 712 | margin-left: 0 !important; 713 | margin-right: 5px !important; 714 | border-radius: 4px !important; 715 | } 716 | 717 | /* Apply dimmed background for inactive tabs */ 718 | .tabbrowser-tab:hover>.tab-stack>.tab-background:not([selected], [multiselected]) { 719 | background-color: color-mix(in srgb, currentColor 12%, transparent); 720 | } 721 | 722 | .tabbrowser-tab>.tab-stack>.tab-background:not([selected], [multiselected]) { 723 | background-color: color-mix(in srgb, currentColor 6%, transparent); 724 | } 725 | 726 | /* Make all tabs small except selected one */ 727 | .tabbrowser-tab[fadein]:not([selected]):not([pinned]) { 728 | max-width: 150px !important; 729 | min-width: 150px !important; 730 | } 731 | 732 | /* Make selected tabs to bigger */ 733 | .tabbrowser-tab[selected][fadein]:not([pinned]) { 734 | max-width: 250px !important; 735 | min-width: 250px !important; 736 | 737 | } 738 | 739 | /* Hide tab close button */ 740 | #TabsToolbar .close-icon { 741 | display: none !important; 742 | } 743 | 744 | /* Unhide the tab close button on hover when it is the selected tab and not pinned */ 745 | #TabsToolbar .tabbrowser-tab[selected]:not([pinned]):hover .close-icon { 746 | display: inline-block !important; 747 | } 748 | 749 | /* Reduce spacing between pinned and regular tabs */ 750 | #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])>#tabbrowser-arrowscrollbox>.tabbrowser-tab[first-visible-unpinned-tab] { 751 | margin-inline-start: initial !important; 752 | } 753 | 754 | #nav-bar { 755 | box-shadow: none !important; 756 | margin: 10px !important; 757 | } 758 | 759 | .tab-background:is([multiselected="true"], [selected="true"]) { 760 | background: -moz-accent-color !important; 761 | /* box-shadow: 0 0 7px -moz-accent-color !important; */ 762 | 763 | } 764 | 765 | .tab-background:not([multiselected="true"], [selected="true"]) { 766 | background: none !important; 767 | } 768 | 769 | .tabbrowser-tab:hover>.tab-stack>.tab-background:not([selected="true"], [multiselected="true"]) { 770 | background-image: none !important; 771 | background-color: color-mix(in srgb, currentColor 11%, transparent) !important; 772 | } 773 | 774 | .tabbrowser-tab:is([multiselected="true"], [visuallyselected="true"]) { 775 | color: hsl(212.5, 42.9%, 89%) !important; 776 | } 777 | 778 | .tabbrowser-tab:not([multiselected="true"], [visuallyselected="true"]) { 779 | color: inherit !important; 780 | } 781 | 782 | #nav-bar:not([customizing="true"])>#nav-bar-customization-target>#urlbar-container:not(:hover)>#urlbar:not([focused])>#urlbar-input-container>#page-action-buttons { 783 | opacity: 0; 784 | } 785 | 786 | #page-action-buttons { 787 | transition: opacity 0.15s ease; 788 | } 789 | 790 | #nav-bar:not([customizing="true"])>#nav-bar-customization-target:not(:hover)>#back-button { 791 | opacity: 0; 792 | } 793 | 794 | #back-button { 795 | transition: opacity 0.15s ease; 796 | } 797 | 798 | #nav-bar:not([customizing="true"])>#nav-bar-customization-target:not(:hover)>#stop-reload-button { 799 | opacity: 0; 800 | } 801 | 802 | #stop-reload-button { 803 | transition: opacity 0.15s ease; 804 | margin-top: 4px !important; 805 | } 806 | 807 | #nav-bar:not([customizing="true"])>#nav-bar-customization-target:not(:hover)>#forward-button { 808 | opacity: 0; 809 | } 810 | 811 | #forward-button { 812 | transition: opacity 0.15s ease; 813 | } 814 | 815 | /* Remove Back button when there's nothing to go Back to */ 816 | 817 | #nav-bar:not([customizing="true"])>#nav-bar-customization-target>#back-button[disabled="true"] { 818 | opacity: 0 !important; 819 | } 820 | 821 | /* Remove Forward button when there's nothing to go Forward to */ 822 | 823 | #nav-bar:not([customizing="true"])>#nav-bar-customization-target>#forward-button[disabled="true"] { 824 | opacity: 0 !important; 825 | } 826 | 827 | /*================== NAV BAR ==================*/ 828 | toolbar#nav-bar { 829 | /*! background: var(--toolbar-bgcolor, black) !important; */ 830 | /*! box-shadow: none !important; */ 831 | padding-bottom: 10px !important; 832 | /*! background-color: var(--tabpanel-background-color) !important; */ 833 | } 834 | 835 | #urlbar>#urlbar-background { 836 | border-radius: 15px !important; 837 | border: 0 !important; 838 | 839 | } 840 | 841 | #urlbar:not([focused="true"])>#urlbar-background, 842 | #urlbar>#urlbar-input-container { 843 | border-radius: 15px !important; 844 | } 845 | 846 | #urlbar[focused="true"]>#urlbar-background { 847 | border: 1px solid -moz-accent-color !important; 848 | } 849 | 850 | #PersonalToolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active):hover, 851 | .tabbrowser-arrowscrollbox:not([scrolledtostart="true"])::part(scrollbutton-up):hover, 852 | .tabbrowser-arrowscrollbox:not([scrolledtoend="true"])::part(scrollbutton-down):hover, 853 | .findbar-button:not(:-moz-any([checked="true"], [disabled="true"])):hover, 854 | toolbarbutton.bookmark-item:not(.subviewbutton):hover:not([disabled="true"]):not([open]), 855 | toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active):hover>.toolbarbutton-icon, 856 | toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active):hover>.toolbarbutton-text, 857 | toolbar .toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active):hover>.toolbarbutton-badge-stack { 858 | background-color: rgba(var(--transparent-bgcolor), 0.7) !important; 859 | } 860 | 861 | #PersonalToolbar .toolbarbutton-1:not([disabled="true"]):-moz-any([open], [checked], :hover:active), 862 | .findbar-button:not([disabled="true"]):-moz-any([checked="true"], :hover:active), 863 | toolbarbutton.bookmark-item:not(.subviewbutton):hover:active:not([disabled="true"]), 864 | toolbarbutton.bookmark-item[open="true"], 865 | toolbar .toolbarbutton-1:not([disabled="true"]):-moz-any([open], [checked], :hover:active)>.toolbarbutton-icon, 866 | toolbar .toolbarbutton-1:not([disabled="true"]):-moz-any([open], [checked], :hover:active)>.toolbarbutton-text, 867 | toolbar .toolbarbutton-1:not([disabled="true"]):-moz-any([open], [checked], :hover:active)>.toolbarbutton-badge-stack { 868 | background-color: rgba(var(--transparent-bgcolor), 0.2) !important; 869 | } 870 | 871 | :root:not([uidensity="compact"]) #back-button>.toolbarbutton-icon { 872 | background-color: transparent !important; 873 | } 874 | 875 | 876 | /*Fixes the funky Reload/Stop button*/ 877 | box.toolbarbutton-animatable-box { 878 | margin-top: -2px !important; 879 | } 880 | 881 | /*================== URL BAR ==================*/ 882 | #urlbar { 883 | text-align: center !important; 884 | --urlbar-height: 45.6px; 885 | border-radius: 20px !important; 886 | width: 75% !important; 887 | left: 12% !important; 888 | box-shadow: 0px 0px 7px #878787 !important; 889 | border: none !important; 890 | ; 891 | 892 | 893 | } 894 | 895 | #urlbar[breakout][breakout-extend] { 896 | top: 5px !important; 897 | left: 12% !important; 898 | width: 75% !important; 899 | padding: 0px !important; 900 | } 901 | 902 | /* for alternate Density settings */ 903 | [uidensity="compact"] #urlbar[breakout][breakout-extend] { 904 | top: 3px !important; 905 | } 906 | 907 | [uidensity="touch"] #urlbar[breakout][breakout-extend] { 908 | top: 4px !important; 909 | } 910 | 911 | /* Prevent shift of URL bar contents */ 912 | 913 | #urlbar[breakout][breakout-extend]>#urlbar-input-container { 914 | height: var(--urlbar-height) !important; 915 | padding: 0 !important; 916 | border: none !important; 917 | 918 | } 919 | 920 | #urlbar-input-container { 921 | border: 1px solid -moz-accent-color; 922 | } 923 | 924 | /* Do not animate */ 925 | 926 | #urlbar[breakout][breakout-extend]>#urlbar-background { 927 | animation: none !important; 928 | 929 | } 930 | 931 | #navigator-toolbox { 932 | padding-top: var(--uc-titlebar-padding, 0px) !important; 933 | border-bottom: none; 934 | 935 | } 936 | 937 | :root { 938 | --uc-titlebar-padding: 0px; 939 | } 940 | 941 | @media (-moz-os-version: windows-win10) { 942 | :root[sizemode="maximized"][tabsintitlebar] { 943 | --uc-titlebar-padding: 8px 944 | } 945 | } 946 | 947 | #toolbar-menubar[autohide="true"]>.titlebar-buttonbox-container, 948 | #TabsToolbar>.titlebar-buttonbox-container { 949 | position: fixed; 950 | display: block; 951 | top: var(--uc-titlebar-padding, 0px); 952 | right: 0; 953 | height: 40px; 954 | 955 | } 956 | 957 | /* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */ 958 | @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { 959 | :root { 960 | --uc-titlebar-padding: 0px !important 961 | } 962 | 963 | .titlebar-buttonbox-container { 964 | left: 0; 965 | right: unset !important; 966 | } 967 | } 968 | 969 | :root[uidensity="compact"] #TabsToolbar>.titlebar-buttonbox-container { 970 | height: 32px 971 | } 972 | 973 | #toolbar-menubar[inactive]>.titlebar-buttonbox-container { 974 | opacity: 0 975 | } 976 | 977 | #navigator-toolbox { 978 | padding-top: var(--uc-titlebar-padding, 0px) !important; 979 | } 980 | 981 | .titlebar-buttonbox-container>.titlebar-buttonbox { 982 | height: 100%; 983 | } 984 | 985 | #titlebar { 986 | -moz-box-ordinal-group: 2; 987 | -moz-appearance: none !important; 988 | --tabs-navbar-shadow-size: 13px; 989 | } 990 | 991 | .urlbarView-url { 992 | text-align: left !important; 993 | } 994 | 995 | 996 | menupopup menuseparator { 997 | margin-top: 5px !important; 998 | margin-bottom: 5px !important; 999 | padding: 0px !important; 1000 | border-bottom: none !important; 1001 | opacity: 0.5 !important; 1002 | } 1003 | 1004 | .menupopup-arrowscrollbox:not(.in-bookmarks-menu) { 1005 | padding: 6px 0 !important; 1006 | } 1007 | 1008 | .toolbarbutton-text { 1009 | margin-left: 10px !important; 1010 | } 1011 | 1012 | .toolbar-items { 1013 | background-color: transparent !important; 1014 | padding-left: 10px !important; 1015 | } 1016 | 1017 | .browser-toolbar:not(.titlebar-color) { 1018 | background-image: none !important; 1019 | } 1020 | 1021 | #urlbar-results { 1022 | padding: 15px !important; 1023 | } 1024 | 1025 | #urlbar[breakout], 1026 | #urlbar[breakout][breakout-extend] { 1027 | --urlbar-height: 48px !important; 1028 | } --------------------------------------------------------------------------------