├── LICENSE ├── README.md ├── Styles ├── Arc styles │ └── userChromeArcLight.css ├── Tab Center │ ├── userChromeTabCenter-Old.css │ └── userChromeTabCenter.css ├── userChomeHideTabs.css ├── userChromeBottom.css ├── userChromeClassic.css ├── userChromeContainersLabels.css ├── userChromeHovorColor.css └── userChromeSafari.css └── images ├── bottom.png ├── colors.png ├── expand.png ├── safari.png ├── sidetabs.png ├── small.png └── source.mp4 /LICENSE: -------------------------------------------------------------------------------- 1 | Mozilla Public License Version 2.0 2 | ================================== 3 | 4 | 1. Definitions 5 | -------------- 6 | 7 | 1.1. "Contributor" 8 | means each individual or legal entity that creates, contributes to 9 | the creation of, or owns Covered Software. 10 | 11 | 1.2. "Contributor Version" 12 | means the combination of the Contributions of others (if any) used 13 | by a Contributor and that particular Contributor's Contribution. 14 | 15 | 1.3. "Contribution" 16 | means Covered Software of a particular Contributor. 17 | 18 | 1.4. "Covered Software" 19 | means Source Code Form to which the initial Contributor has attached 20 | the notice in Exhibit A, the Executable Form of such Source Code 21 | Form, and Modifications of such Source Code Form, in each case 22 | including portions thereof. 23 | 24 | 1.5. "Incompatible With Secondary Licenses" 25 | means 26 | 27 | (a) that the initial Contributor has attached the notice described 28 | in Exhibit B to the Covered Software; or 29 | 30 | (b) that the Covered Software was made available under the terms of 31 | version 1.1 or earlier of the License, but not also under the 32 | terms of a Secondary License. 33 | 34 | 1.6. "Executable Form" 35 | means any form of the work other than Source Code Form. 36 | 37 | 1.7. "Larger Work" 38 | means a work that combines Covered Software with other material, in 39 | a separate file or files, that is not Covered Software. 40 | 41 | 1.8. "License" 42 | means this document. 43 | 44 | 1.9. "Licensable" 45 | means having the right to grant, to the maximum extent possible, 46 | whether at the time of the initial grant or subsequently, any and 47 | all of the rights conveyed by this License. 48 | 49 | 1.10. "Modifications" 50 | means any of the following: 51 | 52 | (a) any file in Source Code Form that results from an addition to, 53 | deletion from, or modification of the contents of Covered 54 | Software; or 55 | 56 | (b) any new file in Source Code Form that contains any Covered 57 | Software. 58 | 59 | 1.11. "Patent Claims" of a Contributor 60 | means any patent claim(s), including without limitation, method, 61 | process, and apparatus claims, in any patent Licensable by such 62 | Contributor that would be infringed, but for the grant of the 63 | License, by the making, using, selling, offering for sale, having 64 | made, import, or transfer of either its Contributions or its 65 | Contributor Version. 66 | 67 | 1.12. "Secondary License" 68 | means either the GNU General Public License, Version 2.0, the GNU 69 | Lesser General Public License, Version 2.1, the GNU Affero General 70 | Public License, Version 3.0, or any later versions of those 71 | licenses. 72 | 73 | 1.13. "Source Code Form" 74 | means the form of the work preferred for making modifications. 75 | 76 | 1.14. "You" (or "Your") 77 | means an individual or a legal entity exercising rights under this 78 | License. For legal entities, "You" includes any entity that 79 | controls, is controlled by, or is under common control with You. For 80 | purposes of this definition, "control" means (a) the power, direct 81 | or indirect, to cause the direction or management of such entity, 82 | whether by contract or otherwise, or (b) ownership of more than 83 | fifty percent (50%) of the outstanding shares or beneficial 84 | ownership of such entity. 85 | 86 | 2. License Grants and Conditions 87 | -------------------------------- 88 | 89 | 2.1. Grants 90 | 91 | Each Contributor hereby grants You a world-wide, royalty-free, 92 | non-exclusive license: 93 | 94 | (a) under intellectual property rights (other than patent or trademark) 95 | Licensable by such Contributor to use, reproduce, make available, 96 | modify, display, perform, distribute, and otherwise exploit its 97 | Contributions, either on an unmodified basis, with Modifications, or 98 | as part of a Larger Work; and 99 | 100 | (b) under Patent Claims of such Contributor to make, use, sell, offer 101 | for sale, have made, import, and otherwise transfer either its 102 | Contributions or its Contributor Version. 103 | 104 | 2.2. Effective Date 105 | 106 | The licenses granted in Section 2.1 with respect to any Contribution 107 | become effective for each Contribution on the date the Contributor first 108 | distributes such Contribution. 109 | 110 | 2.3. Limitations on Grant Scope 111 | 112 | The licenses granted in this Section 2 are the only rights granted under 113 | this License. No additional rights or licenses will be implied from the 114 | distribution or licensing of Covered Software under this License. 115 | Notwithstanding Section 2.1(b) above, no patent license is granted by a 116 | Contributor: 117 | 118 | (a) for any code that a Contributor has removed from Covered Software; 119 | or 120 | 121 | (b) for infringements caused by: (i) Your and any other third party's 122 | modifications of Covered Software, or (ii) the combination of its 123 | Contributions with other software (except as part of its Contributor 124 | Version); or 125 | 126 | (c) under Patent Claims infringed by Covered Software in the absence of 127 | its Contributions. 128 | 129 | This License does not grant any rights in the trademarks, service marks, 130 | or logos of any Contributor (except as may be necessary to comply with 131 | the notice requirements in Section 3.4). 132 | 133 | 2.4. Subsequent Licenses 134 | 135 | No Contributor makes additional grants as a result of Your choice to 136 | distribute the Covered Software under a subsequent version of this 137 | License (see Section 10.2) or under the terms of a Secondary License (if 138 | permitted under the terms of Section 3.3). 139 | 140 | 2.5. Representation 141 | 142 | Each Contributor represents that the Contributor believes its 143 | Contributions are its original creation(s) or it has sufficient rights 144 | to grant the rights to its Contributions conveyed by this License. 145 | 146 | 2.6. Fair Use 147 | 148 | This License is not intended to limit any rights You have under 149 | applicable copyright doctrines of fair use, fair dealing, or other 150 | equivalents. 151 | 152 | 2.7. Conditions 153 | 154 | Sections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted 155 | in Section 2.1. 156 | 157 | 3. Responsibilities 158 | ------------------- 159 | 160 | 3.1. Distribution of Source Form 161 | 162 | All distribution of Covered Software in Source Code Form, including any 163 | Modifications that You create or to which You contribute, must be under 164 | the terms of this License. You must inform recipients that the Source 165 | Code Form of the Covered Software is governed by the terms of this 166 | License, and how they can obtain a copy of this License. You may not 167 | attempt to alter or restrict the recipients' rights in the Source Code 168 | Form. 169 | 170 | 3.2. Distribution of Executable Form 171 | 172 | If You distribute Covered Software in Executable Form then: 173 | 174 | (a) such Covered Software must also be made available in Source Code 175 | Form, as described in Section 3.1, and You must inform recipients of 176 | the Executable Form how they can obtain a copy of such Source Code 177 | Form by reasonable means in a timely manner, at a charge no more 178 | than the cost of distribution to the recipient; and 179 | 180 | (b) You may distribute such Executable Form under the terms of this 181 | License, or sublicense it under different terms, provided that the 182 | license for the Executable Form does not attempt to limit or alter 183 | the recipients' rights in the Source Code Form under this License. 184 | 185 | 3.3. Distribution of a Larger Work 186 | 187 | You may create and distribute a Larger Work under terms of Your choice, 188 | provided that You also comply with the requirements of this License for 189 | the Covered Software. If the Larger Work is a combination of Covered 190 | Software with a work governed by one or more Secondary Licenses, and the 191 | Covered Software is not Incompatible With Secondary Licenses, this 192 | License permits You to additionally distribute such Covered Software 193 | under the terms of such Secondary License(s), so that the recipient of 194 | the Larger Work may, at their option, further distribute the Covered 195 | Software under the terms of either this License or such Secondary 196 | License(s). 197 | 198 | 3.4. Notices 199 | 200 | You may not remove or alter the substance of any license notices 201 | (including copyright notices, patent notices, disclaimers of warranty, 202 | or limitations of liability) contained within the Source Code Form of 203 | the Covered Software, except that You may alter any license notices to 204 | the extent required to remedy known factual inaccuracies. 205 | 206 | 3.5. Application of Additional Terms 207 | 208 | You may choose to offer, and to charge a fee for, warranty, support, 209 | indemnity or liability obligations to one or more recipients of Covered 210 | Software. However, You may do so only on Your own behalf, and not on 211 | behalf of any Contributor. You must make it absolutely clear that any 212 | such warranty, support, indemnity, or liability obligation is offered by 213 | You alone, and You hereby agree to indemnify every Contributor for any 214 | liability incurred by such Contributor as a result of warranty, support, 215 | indemnity or liability terms You offer. You may include additional 216 | disclaimers of warranty and limitations of liability specific to any 217 | jurisdiction. 218 | 219 | 4. Inability to Comply Due to Statute or Regulation 220 | --------------------------------------------------- 221 | 222 | If it is impossible for You to comply with any of the terms of this 223 | License with respect to some or all of the Covered Software due to 224 | statute, judicial order, or regulation then You must: (a) comply with 225 | the terms of this License to the maximum extent possible; and (b) 226 | describe the limitations and the code they affect. Such description must 227 | be placed in a text file included with all distributions of the Covered 228 | Software under this License. Except to the extent prohibited by statute 229 | or regulation, such description must be sufficiently detailed for a 230 | recipient of ordinary skill to be able to understand it. 231 | 232 | 5. Termination 233 | -------------- 234 | 235 | 5.1. The rights granted under this License will terminate automatically 236 | if You fail to comply with any of its terms. However, if You become 237 | compliant, then the rights granted under this License from a particular 238 | Contributor are reinstated (a) provisionally, unless and until such 239 | Contributor explicitly and finally terminates Your grants, and (b) on an 240 | ongoing basis, if such Contributor fails to notify You of the 241 | non-compliance by some reasonable means prior to 60 days after You have 242 | come back into compliance. Moreover, Your grants from a particular 243 | Contributor are reinstated on an ongoing basis if such Contributor 244 | notifies You of the non-compliance by some reasonable means, this is the 245 | first time You have received notice of non-compliance with this License 246 | from such Contributor, and You become compliant prior to 30 days after 247 | Your receipt of the notice. 248 | 249 | 5.2. If You initiate litigation against any entity by asserting a patent 250 | infringement claim (excluding declaratory judgment actions, 251 | counter-claims, and cross-claims) alleging that a Contributor Version 252 | directly or indirectly infringes any patent, then the rights granted to 253 | You by any and all Contributors for the Covered Software under Section 254 | 2.1 of this License shall terminate. 255 | 256 | 5.3. In the event of termination under Sections 5.1 or 5.2 above, all 257 | end user license agreements (excluding distributors and resellers) which 258 | have been validly granted by You or Your distributors under this License 259 | prior to termination shall survive termination. 260 | 261 | ************************************************************************ 262 | * * 263 | * 6. Disclaimer of Warranty * 264 | * ------------------------- * 265 | * * 266 | * Covered Software is provided under this License on an "as is" * 267 | * basis, without warranty of any kind, either expressed, implied, or * 268 | * statutory, including, without limitation, warranties that the * 269 | * Covered Software is free of defects, merchantable, fit for a * 270 | * particular purpose or non-infringing. The entire risk as to the * 271 | * quality and performance of the Covered Software is with You. * 272 | * Should any Covered Software prove defective in any respect, You * 273 | * (not any Contributor) assume the cost of any necessary servicing, * 274 | * repair, or correction. This disclaimer of warranty constitutes an * 275 | * essential part of this License. No use of any Covered Software is * 276 | * authorized under this License except under this disclaimer. * 277 | * * 278 | ************************************************************************ 279 | 280 | ************************************************************************ 281 | * * 282 | * 7. Limitation of Liability * 283 | * -------------------------- * 284 | * * 285 | * Under no circumstances and under no legal theory, whether tort * 286 | * (including negligence), contract, or otherwise, shall any * 287 | * Contributor, or anyone who distributes Covered Software as * 288 | * permitted above, be liable to You for any direct, indirect, * 289 | * special, incidental, or consequential damages of any character * 290 | * including, without limitation, damages for lost profits, loss of * 291 | * goodwill, work stoppage, computer failure or malfunction, or any * 292 | * and all other commercial damages or losses, even if such party * 293 | * shall have been informed of the possibility of such damages. This * 294 | * limitation of liability shall not apply to liability for death or * 295 | * personal injury resulting from such party's negligence to the * 296 | * extent applicable law prohibits such limitation. Some * 297 | * jurisdictions do not allow the exclusion or limitation of * 298 | * incidental or consequential damages, so this exclusion and * 299 | * limitation may not apply to You. * 300 | * * 301 | ************************************************************************ 302 | 303 | 8. Litigation 304 | ------------- 305 | 306 | Any litigation relating to this License may be brought only in the 307 | courts of a jurisdiction where the defendant maintains its principal 308 | place of business and such litigation shall be governed by laws of that 309 | jurisdiction, without reference to its conflict-of-law provisions. 310 | Nothing in this Section shall prevent a party's ability to bring 311 | cross-claims or counter-claims. 312 | 313 | 9. Miscellaneous 314 | ---------------- 315 | 316 | This License represents the complete agreement concerning the subject 317 | matter hereof. If any provision of this License is held to be 318 | unenforceable, such provision shall be reformed only to the extent 319 | necessary to make it enforceable. Any law or regulation which provides 320 | that the language of a contract shall be construed against the drafter 321 | shall not be used to construe this License against a Contributor. 322 | 323 | 10. Versions of the License 324 | --------------------------- 325 | 326 | 10.1. New Versions 327 | 328 | Mozilla Foundation is the license steward. Except as provided in Section 329 | 10.3, no one other than the license steward has the right to modify or 330 | publish new versions of this License. Each version will be given a 331 | distinguishing version number. 332 | 333 | 10.2. Effect of New Versions 334 | 335 | You may distribute the Covered Software under the terms of the version 336 | of the License under which You originally received the Covered Software, 337 | or under the terms of any subsequent version published by the license 338 | steward. 339 | 340 | 10.3. Modified Versions 341 | 342 | If you create software not governed by this License, and you want to 343 | create a new license for such software, you may create and use a 344 | modified version of this License if you rename the license and remove 345 | any references to the name of the license steward (except to note that 346 | such modified license differs from this License). 347 | 348 | 10.4. Distributing Source Code Form that is Incompatible With Secondary 349 | Licenses 350 | 351 | If You choose to distribute Source Code Form that is Incompatible With 352 | Secondary Licenses under the terms of this version of the License, the 353 | notice described in Exhibit B of this License must be attached. 354 | 355 | Exhibit A - Source Code Form License Notice 356 | ------------------------------------------- 357 | 358 | This Source Code Form is subject to the terms of the Mozilla Public 359 | License, v. 2.0. If a copy of the MPL was not distributed with this 360 | file, You can obtain one at http://mozilla.org/MPL/2.0/. 361 | 362 | If it is not possible or desirable to put the notice in a particular 363 | file, then You may include the notice in a location (such as a LICENSE 364 | file in a relevant directory) where a recipient would be likely to look 365 | for such a notice. 366 | 367 | You may add additional accurate notices of copyright ownership. 368 | 369 | Exhibit B - "Incompatible With Secondary Licenses" Notice 370 | --------------------------------------------------------- 371 | 372 | This Source Code Form is "Incompatible With Secondary Licenses", as 373 | defined by the Mozilla Public License, v. 2.0. 374 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Firefox userChrome.css Styles 2 | A collection of userChrome.css styles for Firefox. Recommended for Firefox 57+ 3 | 4 | ## Index 5 | ### Full (ish) themes 6 | - [Safari](https://github.com/Isaac-Newt/userChrome-styles#safari) 7 | ### UI Modifications (less complex) 8 | - [Tabs on Bottom](https://github.com/Isaac-Newt/userChrome-styles#tabs-on-bottom) 9 | - [Hide Tab Bar](https://github.com/Isaac-Newt/userChrome-styles#hide-tab-bar) 10 | - [Container Colors Photon](https://github.com/Isaac-Newt/userChrome-styles#container-colors-photon) 11 | ### Tiny Tweaks (Just little things, usually compliment other styles) 12 | - [Tab Center Redux Tweaks](https://github.com/Isaac-Newt/userChrome-styles#tab-center-redux-tweaks) 13 | --- 14 | 15 | [Safari](https://github.com/Isaac-Newt/userChrome-styles/blob/master/Styles/userChromeSafari.css) 16 | --- 17 | Imitates the style of Safari on MacOS. Currently tested on MacOS, should work on Linux and Windows without much issue. 18 | 19 | ![Safari style](images/safari.png) 20 | 21 | --- 22 | 23 | [Tabs On Bottom](https://github.com/Isaac-Newt/userChrome-styles/blob/master/Styles/userChromeBottom.css) 24 | --- 25 | Simply moves tabs to the bottom. 26 | 27 | ![Tabs On Bottom Style](images/bottom.png) 28 | 29 | [Hide Tab Bar (Tabs in sidebar)](https://github.com/Isaac-Newt/userChrome-styles/blob/master/Styles/userChomeHideTabs.css) 30 | --- 31 | Hides tab bar. For use with addons like Tab Center Redux, Tree Tabs, Sea Containers, etc. 32 | 33 | ![Sidebar Tabs Style](images/sidetabs.png) 34 | 35 | [Container Colors Photon](https://github.com/Isaac-Newt/userChrome-styles/blob/master/Styles/userChromeHoverColor.css) 36 | --- 37 | Moves container indicator lines to top of tab, shows only on hover in a nice animation. 38 | 39 | ![Container Colors on Hover](images/colors.png) 40 | 41 | --- 42 | 43 | [Tab Center Redux Tweaks](https://github.com/Isaac-Newt/userChrome-styles/tree/master/Styles/Tab%20Center/userChromeTabCenter.css) 44 | --- 45 | Hides the sidebar header and auto-minimizes the sidebar, similar to the original Tab Center behavior. 46 | 47 | Tested on Linux, works ok on MacOS (no shadow on hover) 48 | 49 | ![Tab Center Tweaks Style - Small](images/small.png) 50 | 51 | ![Tab Center Tweaks Style - Expanded](images/expand.png) 52 | -------------------------------------------------------------------------------- /Styles/Arc styles/userChromeArcLight.css: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | /*tabs on bottom*/ 6 | #TabsToolbar { 7 | -moz-box-ordinal-group: 2; 8 | } 9 | #nav-bar{ 10 | border-top-width: 0px !important; 11 | } 12 | #TabsToolbar .tabbrowser-tabs { 13 | height: 18px !important; 14 | border-bottom: 1px solid #B1B1B1 !important; 15 | } 16 | 17 | /*tab line hidden*/ 18 | .tab-line { 19 | display: none !important; 20 | } 21 | 22 | /*remove extra space*/ 23 | #TabsToolbar { 24 | padding-inline-start: 0px !important; 25 | margin-bottom: none !important; 26 | } 27 | #titlebar-placeholder-on-TabsToolbar-for-captions-buttons { 28 | display: none; 29 | } 30 | .box-inherit .scrollbox-innerbox { 31 | margin-right: 0 !important; 32 | } 33 | #TabsToolbar .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox 34 | { 35 | padding-inline-start: 0px !important; 36 | padding-inline-end: 0px !important; 37 | } 38 | 39 | /*full-width tabs*/ 40 | #TabsToolbar .tabbrowser-tab[fadein]:not([pinned]) { 41 | flex-grow: 1 !important; 42 | min-width: 11em !important; 43 | max-width: -moz-available !important; 44 | } 45 | 46 | #TabsToolbar { 47 | box-shadow: inset 0px 1px 0px 0px rgb(162,160,162), inset 0px -1px 0px 0px rgb(162,160,162) !important; 48 | margin-bottom: 0px !important; 49 | margin-left: 0px !important; 50 | margin-right: -1px !important; 51 | background: linear-gradient(to bottom, rgb(192,190,192),rgb(187,185,187)) !important; 52 | } 53 | 54 | /*Hide and show close tab button*/ 55 | #TabsToolbar .tab-close-button { 56 | -moz-box-ordinal-group: 1 !important; 57 | margin-left: -5.5px !important; 58 | border-radius: 2px !important; 59 | transition: opacity 200ms !important; 60 | /* small x */ 61 | list-style-image: url('data:image/svg+xml;utf8,\\\\') !important; 62 | } 63 | 64 | @media (max-resolution: 1.9dppx) { 65 | #TabsToolbar .tab-close-button { 66 | list-style-image: url('data:image/svg+xml;utf8,\\\\') !important; 67 | } 68 | } 69 | 70 | #TabsToolbar tab:not(:hover) .tab-close-button { 71 | opacity: 0 !important; 72 | } 73 | 74 | #TabsToolbar tab:hover .tab-close-button { 75 | opacity: 1 !important; 76 | } 77 | 78 | #TabsToolbar tab .close-icon { 79 | -moz-image-region: unset !important; 80 | } 81 | 82 | #TabsToolbar tab .close-icon:hover { 83 | -moz-image-region: unset !important; 84 | background-color: rgba(0,0,0,0.1) !important; 85 | background-clip: padding-box !important; 86 | } 87 | 88 | #TabsToolbar tab .close-icon:hover:active { 89 | background-color: rgba(0,0,0,0.15) !important; 90 | } 91 | 92 | /*Heights*/ 93 | #nav-bar { 94 | height: 38px !important; 95 | padding: 0px 5px 0px 75px !important; 96 | } 97 | #tabbrowser-tabs { 98 | margin-left: 0px !important; 99 | height: 24px !important; 100 | } 101 | #TabsToolbar .tab-content > * 102 | { 103 | margin-top: 0px !important; 104 | margin-bottom: 0px !important; 105 | } 106 | 107 | /*Colors*/ 108 | #nav-bar { 109 | background: linear-gradient(rgb(230, 230, 230), rgb(220, 220, 220)) !important; 110 | border-bottom: 1px solid #B1B1B1 !important; 111 | } 112 | #TabsToolbar { 113 | background: #BCBCBC !important; 114 | } 115 | .tab-background[selected="true"] { 116 | background-attachment: none !important; 117 | background-color: rgb(220, 220, 220) !important; 118 | background-image: none !important; 119 | } 120 | #urlbar { 121 | background: #FAFAFA !important; 122 | border: 1px solid rgba(0,0,0,0.5); 123 | } 124 | 125 | /*Hide Favicons, center text*/ 126 | .tabbrowser-tabs .tab-icon-image { 127 | display: none !important; 128 | } 129 | .tabbrowser-tab[pinned]:not([busy="true"]) .tab-icon-image { 130 | display: block !important; 131 | } 132 | .tab-label { 133 | -moz-box-flex: 1 !important; 134 | text-align: center !important; 135 | } 136 | 137 | /*position window controls*/ 138 | #titlebar-buttonbox-container { 139 | margin-left: 5px !important; 140 | margin-top: 10.5px !important; 141 | } 142 | 143 | /* remove this weird extra separator mozilla tacks on before the page content */ 144 | #navigator-toolbox::after 145 | { 146 | display: none !important; 147 | } 148 | 149 | /* 26x24 button = 24x23 icon plus 2x1 borders */ 150 | #TabsToolbar #new-tab-button 151 | { 152 | min-width: 26px !important; 153 | min-height: 24px !important; 154 | width: 26px !important; 155 | height: 24px !important; 156 | margin-left: -1px !important; 157 | margin-right: 0px !important; 158 | border-top: 0.5px solid rgba(162,160,162,.6) !important; 159 | border-bottom: 0.5px solid rgba(162,160,162,.6) !important; 160 | border-left: 1px solid rgba(162,160,162,.6) !important; 161 | border-right: 1px solid rgba(162,160,162,.6) !important; 162 | transition: filter 200ms !important; 163 | background: linear-gradient(to bottom, rgba(100, 100, 100,.2), rgba(90, 90, 90,.22)) padding-box !important; 164 | /* plus sign */ 165 | list-style-image: url('data:image/svg+xml;utf8,\ 166 | \ 167 | \ 168 | \ 169 | ') !important; 170 | -moz-image-region: unset !important; 171 | } 172 | 173 | @media (max-resolution: 1.9dppx) 174 | { 175 | #TabsToolbar #new-tab-button 176 | { 177 | list-style-image: url('data:image/svg+xml;utf8,\ 178 | \ 179 | \ 180 | \ 181 | ') !important; 182 | } 183 | } 184 | /* 24x23 icon = 22x22 image plus 2x1 padding */ 185 | #TabsToolbar #new-tab-button > .toolbarbutton-icon 186 | { 187 | padding: 0.5px 1px !important; 188 | width: 24px !important; 189 | min-width: 24px !important; 190 | min-height: 23px !important; 191 | height: 23px !important; 192 | border: unset !important; 193 | } 194 | 195 | #TabsToolbar #new-tab-button:hover:not([disabled]) > .toolbarbutton-icon, 196 | #TabsToolbar #alltabs-button:hover:not([disabled]) > .toolbarbutton-icon 197 | { 198 | filter: brightness(60%); 199 | } 200 | 201 | #TabsToolbar #new-tab-button:hover:active:not([disabled]) 202 | { 203 | filter: brightness(95%) !important; 204 | } 205 | 206 | #TabsToolbar #alltabs-button 207 | { 208 | min-width: 26px !important; 209 | min-height: 24px !important; 210 | width: 26px !important; 211 | height: 24px !important; 212 | margin-left: -1px !important; 213 | margin-right: 0px !important; 214 | border-top: 0.5px solid rgba(162,160,162,.6) !important; 215 | border-bottom: 0.5px solid rgba(162,160,162,.6) !important; 216 | border-left: 1px solid rgba(162,160,162,.6) !important; 217 | border-right: 1px solid rgba(162,160,162,.6) !important; 218 | transition: filter 200ms !important; 219 | background: linear-gradient(to bottom, rgba(100, 100, 100,.2), rgba(90, 90, 90,.22)) padding-box !important; 220 | -moz-image-region: unset !important; 221 | /* downward chevron */ 222 | list-style-image: url('data:image/svg+xml;utf8,\ 223 | \ 224 | \ 225 | ') !important; 226 | } 227 | 228 | @media (max-resolution: 1.9dppx) 229 | { 230 | #TabsToolbar #alltabs-button 231 | { 232 | list-style-image: url('data:image/svg+xml;utf8,\ 233 | \ 234 | \ 235 | ') !important; 236 | } 237 | } 238 | 239 | #TabsToolbar #alltabs-button:-moz-any(:hover:active, [open]):not([disabled]) 240 | { 241 | filter: brightness(95%) !important; 242 | } 243 | 244 | /* These things suck, we'll do better with CSS3 effects */ 245 | #TabsToolbar .arrowscrollbox-overflow-start-indicator, 246 | #TabsToolbar .arrowscrollbox-overflow-end-indicator { 247 | display: none !important; 248 | } 249 | 250 | #TabsToolbar .scrollbutton-up { 251 | background: linear-gradient(to bottom, rgba(100, 100, 100,.2), rgba(90, 90, 90,.22)) padding-box !important; 252 | min-height: 24px !important; 253 | height: 24px !important; 254 | -moz-image-region: unset !important; 255 | border-left: 1px solid rgba(162,160,162,.6) !important; 256 | border-right: unset !important; 257 | margin-left: -1px !important; 258 | margin-right: 1px !important; 259 | position: relative !important; 260 | z-index: 3 !important; 261 | filter: brightness(100%) !important; 262 | box-shadow: 263 | inset -0.5px 0px 0px 0.5px rgba(0,0,0,0.3), 264 | 3px 0px 3px -2px rgba(0,0,0,0.3); 265 | transition: box-shadow 150ms ease-in-out, filter 200ms ease-in-out !important; 266 | /* left pointing thick chevron */ 267 | list-style-image: url('data:image/svg+xml;utf8,\ 268 | \ 269 | \ 270 | ') !important; 271 | } 272 | @media (max-resolution: 1.9dppx) { 273 | #TabsToolbar .scrollbutton-up { 274 | list-style-image: url('data:image/svg+xml;utf8,\ 275 | \ 276 | \ 277 | ') !important; 278 | } 279 | } 280 | 281 | #TabsToolbar .scrollbutton-up[disabled] { 282 | filter: brightness(95%) !important; 283 | /* box shadow "outer border", a cheap hack around weird margins when tabs are pinned */ 284 | box-shadow: 285 | inset 0px 0px 0px 0px rgba(0,0,0,0), 286 | 1px 0px 0px 0px rgba(162,160,162,1); 287 | border-top: 1px solid rgba(162,160,162,.6) !important; 288 | border-bottom: 1px solid rgba(162,160,162,.6) !important; 289 | } 290 | #TabsToolbar .scrollbutton-up[disabled] > .toolbarbutton-icon, 291 | #TabsToolbar .scrollbutton-down[disabled] > .toolbarbutton-icon{ 292 | -moz-image-region: unset !important; 293 | } 294 | #TabsToolbar .scrollbutton-down { 295 | background: linear-gradient(to bottom, rgba(100, 100, 100,.2), rgba(90, 90, 90,.22)) padding-box !important; 296 | min-height: 24px !important; 297 | height: 24px !important; 298 | -moz-image-region: unset !important; 299 | /* right pointing thick chevron */ 300 | border-left: unset !important; 301 | border-right: 1px solid rgba(162,160,162,.6) !important; 302 | margin-left: 0px !important; 303 | margin-right: 0px !important; 304 | position: relative !important; 305 | z-index: 3 !important; 306 | filter: brightness(100%) !important; 307 | box-shadow: 308 | inset 0.5px 0px 0px 0.5px rgba(0,0,0,0.3), 309 | -3px 0px 3px -2px rgba(0,0,0,0.3); 310 | transition: box-shadow 200ms ease-in-out, filter 200ms ease-in-out !important; 311 | list-style-image: url('data:image/svg+xml;utf8,\ 312 | \ 313 | \ 314 | ') !important; 315 | } 316 | @media (max-resolution: 1.9dppx) { 317 | #TabsToolbar .scrollbutton-down { 318 | list-style-image: url('data:image/svg+xml;utf8,\ 319 | \ 320 | \ 321 | ') !important; 322 | } 323 | } 324 | 325 | #TabsToolbar .scrollbutton-down:hover:not([disabled]), 326 | #TabsToolbar .scrollbutton-up:hover:not([disabled]) { 327 | -moz-image-region: unset !important; 328 | } 329 | #TabsToolbar .scrollbutton-down:hover:not([disabled]) > .toolbarbutton-icon, 330 | #TabsToolbar .scrollbutton-up:hover:not([disabled]) > .toolbarbutton-icon { 331 | filter: brightness(80%) !important; 332 | } 333 | #TabsToolbar .scrollbutton-down[disabled] { 334 | filter: brightness(95%) !important; 335 | margin-left: -1px !important; 336 | border-left: 1px solid rgba(162,160,162,.6) !important; 337 | border-top: 1px solid rgba(162,160,162,.6) !important; 338 | border-bottom: 1px solid rgba(162,160,162,.6) !important; 339 | box-shadow: unset !important; 340 | } 341 | #TabsToolbar *:-moz-any(.scrollbutton-up, .scrollbutton-down):hover:active:not([disabled]) { 342 | filter: brightness(95%) !important; 343 | } 344 | 345 | #TabsToolbar .tabs-newtab-button:-moz-window-inactive, 346 | #TabsToolbar #new-tab-button:-moz-window-inactive, 347 | #TabsToolbar #alltabs-button:-moz-window-inactive, 348 | #TabsToolbar .scrollbutton-up:-moz-window-inactive, 349 | #TabsToolbar .scrollbutton-down:-moz-window-inactive { 350 | background: rgb(236,236,236) !important; 351 | opacity: 0.5 !important; 352 | transition: unset !important; 353 | border-color: rgba(192,191,192,1) !important; 354 | filter: brightness(100%) !important; 355 | } 356 | -------------------------------------------------------------------------------- /Styles/Tab Center/userChromeTabCenter-Old.css: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | /*Remove sidebar header*/ 6 | #sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"] > #sidebar-header { 7 | display: none !important; 8 | } 9 | 10 | /*autominimize sidebar reflow*/ 11 | #sidebar-box { 12 | overflow-x: hidden; 13 | min-width: 50px !important; 14 | max-width: 50px !important; 15 | transition: all 0.25s ease .25s !important; 16 | } 17 | 18 | #sidebar-box:hover { 19 | min-width: 250px !important; 20 | max-width: 250px !important; 21 | } 22 | -------------------------------------------------------------------------------- /Styles/Tab Center/userChromeTabCenter.css: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | /*Hide Tab Bar*/ 6 | #TabsToolbar { 7 | visibility: collapse !important; 8 | } 9 | 10 | #nav-bar { 11 | padding: 0 0 0 34px; 12 | } 13 | 14 | /*autominimize sidebar*/ 15 | #sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"] { 16 | overflow: hidden; 17 | min-width: 32px !important; 18 | max-width: 32px !important; 19 | position: fixed; 20 | top: 0px; 21 | transition: all 0.25s ease .25s !important; 22 | z-index: 1; 23 | border-right: 1px solid lightgray; 24 | border-top: 1px solid gray; 25 | } 26 | 27 | #sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"]:hover, 28 | #sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"] #sidebar { 29 | min-width: 200px !important; 30 | max-width: 200px !important; 31 | box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); 32 | } 33 | 34 | #sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"] #sidebar-header { 35 | display: none !important; 36 | } 37 | 38 | #sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"] #sidebar { 39 | height: calc(100vh); 40 | } 41 | 42 | #sidebar-splitter { 43 | width: 1px !important; 44 | } 45 | 46 | #appcontent { 47 | margin-left: 35px !important; 48 | } 49 | 50 | #main-window[inFullscreen] #sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"] { 51 | top: 0; 52 | height: 100vh; 53 | } 54 | 55 | #sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"] #sidebar { 56 | height: 100vh; 57 | } 58 | -------------------------------------------------------------------------------- /Styles/userChomeHideTabs.css: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | /* This style will hide the tab bar. 6 | * There are two styles, one for MacOS, and one for all other platforms, 7 | * or if you're using a titlebar. Comment out/delete the one you don't need. 8 | * Currently tested on MacOS Sierra and Linux on Nightly */ 9 | 10 | /* Remove Tabs on MacOS 11 | * Comment this out, and use the other rule for other platforms, or if you choose to enable the titlebar */ 12 | 13 | #TabsToolbar { 14 | height: 22px !important; 15 | visibility: collapse; 16 | } 17 | .tabbrowser-tabs { 18 | height: 22px !important; 19 | visibility: collapse; 20 | } 21 | #tabbrowser-tabs { 22 | visibility: collapse; 23 | height: 22px !important; 24 | } 25 | #nav-bar{ 26 | border-top-width: 0px !important; 27 | padding: 0px 5px 0px 75px !important; /*The 75px is a fix for MacOS to make room for the window controls*/ 28 | margin-top: -5px !important; /*This is a dumb hack to get rid of the "collapsed" tab bar that still shows up. IDK why it's persistant, but this is the only thing that got rid of it.*/ 29 | } 30 | 31 | /*position window controls. Only for MacOS*/ 32 | #titlebar-buttonbox-container { 33 | margin-left: 5px !important; 34 | margin-top: 5px !important; 35 | } 36 | 37 | /* Hide tabs on Linux, Windoows, any with titlebar. 38 | * Doesn't work right with MacOS, use the other one instead */ 39 | 40 | #TabsToolbar { 41 | visibility: collapse !important; 42 | } 43 | -------------------------------------------------------------------------------- /Styles/userChromeBottom.css: -------------------------------------------------------------------------------- 1 | 2 | /* This Source Code Form is subject to the terms of the Mozilla Public 3 | * License, v. 2.0. If a copy of the MPL was not distributed with this 4 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 5 | 6 | /* This style will move your tabs to the bottom, and improve color 7 | * indicators for the containers feature. Currently tested on MacOS 8 | * Sierra and Linux on Nightly */ 9 | 10 | /*Tabs On Bottom*/ 11 | #TabsToolbar { 12 | -moz-box-ordinal-group: 3; 13 | } 14 | #nav-bar{ 15 | border-top-width: 0px !important; 16 | padding: 0px 5px 0px 75px !important; /*The 75px is a fix for MacOS to make room for the window controls*/ 17 | } 18 | 19 | /*Bookmarks Bar fix*/ 20 | #PersonalToolbar { 21 | -moz-box-ordinal-group: 2; 22 | } 23 | 24 | /*Remove extra tab bar space*/ 25 | #TabsToolbar { 26 | padding-inline-start: 0px !important; 27 | margin-bottom: none !important; 28 | } 29 | .titlebar-placeholder { 30 | display: none; 31 | } 32 | 33 | /*position window controls. Only for MacOS, comment out for Linux/Windows*/ 34 | #titlebar-buttonbox-container { 35 | margin-left: 5px !important; 36 | margin-top: 5px !important; 37 | } 38 | -------------------------------------------------------------------------------- /Styles/userChromeClassic.css: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | /* 6 | * This style will recreate the "Classic" Firefox look (pre-Australis) 7 | * Credit for the tab styling goes to Aris-t2 8 | */ 9 | 10 | /*Tabs On Bottom*/ 11 | #TabsToolbar { 12 | -moz-box-ordinal-group: 3; 13 | border-bottom: 1px solid grey !important; 14 | } 15 | #nav-bar{ 16 | border-top-width: 0px !important; 17 | padding: 0px 5px 0px 75px !important; /*The 75px is a fix for MacOS to make room for the window controls*/ 18 | } 19 | 20 | /*Bookmarks Bar fix*/ 21 | #PersonalToolbar { 22 | -moz-box-ordinal-group: 2; 23 | } 24 | 25 | /*Remove extra tab bar space*/ 26 | #TabsToolbar { 27 | padding-inline-start: 0px !important; 28 | margin-bottom: none !important; 29 | } 30 | .titlebar-placeholder { 31 | display: none; 32 | } 33 | 34 | /*position window controls. Only for MacOS, comment out for Linux/Windows*/ 35 | #titlebar-buttonbox-container { 36 | margin-left: 5px !important; 37 | margin-top: 5px !important; 38 | } 39 | 40 | 41 | /* 42 | * The code below is from aris-t2's userStyle collection. Any license that 43 | * may be applied to the repository linked below affects the code below. 44 | * Unless otherwise clear, assume that it is licensed under the terms of 45 | * the Mozilla Public License v. 2.0 46 | * Any modifications are subjecto to the terms of the Mozilla Public License 47 | * v. 2.0, and will be credited to their author(s). 48 | */ 49 | 50 | /*AGENT_SHEET*/ 51 | 52 | /* Firefox 57+ userChrome.css tweaks ****************************************************/ 53 | /* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/ 54 | /* by Aris (aris-addons@gmx.net)*********************************************************/ 55 | /* Github: https://github.com/aris-t2/customcssforfx ************************************/ 56 | /****************************************************************************************/ 57 | 58 | /* adjust tab toolbars buttons for squared tabs */ 59 | #TabsToolbar #alltabs-button .toolbarbutton-icon, 60 | #TabsToolbar > #new-tab-button .toolbarbutton-icon, 61 | #TabsToolbar > toolbarpaletteitem > #new-tab-button .toolbarbutton-icon { 62 | padding: 3px !important; 63 | } 64 | 65 | /* remove tab fog */ 66 | #TabsToolbar:not(:-moz-lwtheme), 67 | #TabsToolbar:not(:-moz-lwtheme)::before, 68 | #TabsToolbar:not(:-moz-lwtheme)::after { 69 | box-shadow: unset !important; 70 | } 71 | 72 | /*******************************************/ 73 | /**** default themes tab colors [start] ****/ 74 | /*******************************************/ 75 | 76 | /* black tab text color */ 77 | #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab { 78 | color: #000000 !important; 79 | } 80 | 81 | /* default tabs color */ 82 | #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button, 83 | #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content { 84 | background-image: linear-gradient(to top,#aeaba5,#c1beb7,#c9c6be) !important; 85 | } 86 | /* selected tabs color */ 87 | #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"] { 88 | background-image: linear-gradient(to top,#f9f9fa,#f9f9fa,#f9f9fa) !important; 89 | } 90 | /* hovered tabs color */ 91 | #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button:hover, 92 | #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:hover .tab-content:not([selected="true"]) { 93 | background-image: linear-gradient(to top,#cac7c1,#d5d2cc,#e8e6e2) !important; 94 | } 95 | 96 | /* unloaded/pending tabs color *//* 97 | #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[pending] .tab-content { 98 | background: red !important; 99 | } 100 | /* unread tabs color *//* 101 | #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[unread] .tab-content { 102 | background: purple !important; 103 | } 104 | /* default aeroblue tabs on Windows 7 & Vista */ 105 | @media (-moz-os-version: windows-win7),(-moz-os-version: windows-vista) { 106 | @media not all and (-moz-windows-classic) { 107 | #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button, 108 | #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content { 109 | background-image: linear-gradient(to top,#b4c0cc,#c8d4e1,#d1deec) !important; 110 | } 111 | #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"] { 112 | background-image: linear-gradient(to top,#eaf2fb,#eef5fc,#fbfdff) !important; 113 | } 114 | #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button:hover, 115 | #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:hover .tab-content:not([selected="true"]) { 116 | background-image: linear-gradient(to top,#d0dce8,#dce7f3,#e5effa) !important; 117 | } 118 | } 119 | } 120 | 121 | /* tab border color */ 122 | #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button, 123 | #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content { 124 | border-top: 1px solid #5f7181 !important; 125 | border-left: 1px solid #5f7181 !important; 126 | border-right: 1px solid #5f7181 !important; 127 | } 128 | 129 | #TabsToolbar .tabs-newtab-button { 130 | border-top: 1px solid rgba(0,0,0,.2) !important; 131 | border-left: 1px solid rgba(0,0,0,.2) !important; 132 | border-right: 1px solid rgba(0,0,0,.2) !important; 133 | } 134 | 135 | #TabsToolbar .tabbrowser-tab:not(:-moz-lwtheme):not([selected]) .tab-content { 136 | border-top: 1px solid rgba(0,0,0,.5) !important; 137 | border-left: 1px solid rgba(0,0,0,.5) !important; 138 | border-right: 1px solid rgba(0,0,0,.5) !important; 139 | } 140 | 141 | /* new tab icon color */ 142 | #TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button/*, 143 | #TabsToolbar:not(:-moz-lwtheme) > #new-tab-button, 144 | #TabsToolbar:not(:-moz-lwtheme) > toolbarpaletteitem > #new-tab-button*/ { 145 | fill: black !important; 146 | color: black !important; 147 | } 148 | /*******************************************/ 149 | /***** default themes tab colors [end] *****/ 150 | /*******************************************/ 151 | 152 | /********************************************/ 153 | /******* lw-themes tab colors [start] *******/ 154 | /********************************************/ 155 | 156 | /* lightweight theme tab colors*/ 157 | .tabs-newtab-button:-moz-lwtheme-darktext, 158 | .tabbrowser-tab:not([selected]):-moz-lwtheme-darktext .tab-content { 159 | background-image: linear-gradient(hsla(0,0%,60%,.5), hsla(0,0%,45%,.5) 80%) !important; 160 | } 161 | .tabs-newtab-button:hover:-moz-lwtheme-darktext, 162 | .tabbrowser-tab:not([selected]):hover:-moz-lwtheme-darktext .tab-content { 163 | background-image: linear-gradient(hsla(0,0%,80%,.5), hsla(0,0%,60%,.5) 80%) !important; 164 | } 165 | .tabs-newtab-button:-moz-lwtheme-brighttext, 166 | .tabbrowser-tab:not([selected]):-moz-lwtheme-brighttext .tab-content { 167 | background-image: linear-gradient(hsla(0,0%,40%,.6), hsla(0,0%,30%,.6) 80%) !important; 168 | } 169 | .tabs-newtab-button:hover:-moz-lwtheme-brighttext, 170 | .tabbrowser-tab:not([selected]):hover:-moz-lwtheme-brighttext .tab-content { 171 | background-image: linear-gradient(hsla(0,0%,60%,.6), hsla(0,0%,45%,.6) 80%) !important; 172 | } 173 | 174 | .tabbrowser-tab[selected]:-moz-lwtheme-darktext .tab-content { 175 | border-top: 1px solid rgba(0,0,0,.5) !important; 176 | border-left: 1px solid rgba(0,0,0,.4) !important; 177 | border-right: 1px solid rgba(0,0,0,.4) !important; 178 | } 179 | .tabbrowser-tab[selected]:-moz-lwtheme-brighttext .tab-content { 180 | border-top: 1px solid rgba(255,255,255,.6) !important; 181 | border-left: 1px solid rgba(255,255,255,.2) !important; 182 | border-right: 1px solid rgba(255,255,255,.2) !important; 183 | } 184 | #TabsToolbar:-moz-lwtheme .tabs-newtab-button:-moz-lwtheme-darktext, 185 | .tabbrowser-tab .tab-content:-moz-lwtheme-darktext { 186 | border-top: 1px solid rgba(0,0,0,.2) !important; 187 | border-left: 1px solid rgba(0,0,0,.2) !important; 188 | border-right: 1px solid rgba(0,0,0,.2) !important; 189 | } 190 | #TabsToolbar:-moz-lwtheme .tabs-newtab-button:-moz-lwtheme-brighttext, 191 | .tabbrowser-tab .tab-content:-moz-lwtheme-brighttext { 192 | border-top: 1px solid rgba(255,255,255,.6) !important; 193 | border-left: 1px solid rgba(255,255,255,.2) !important; 194 | border-right: 1px solid rgba(255,255,255,.2) !important; 195 | } 196 | /********************************************/ 197 | /******** lw-themes tab colors [end] ********/ 198 | /********************************************/ 199 | 200 | /* tab line & tab background*/ 201 | .tabbrowser-tab:-moz-lwtheme[selected] .tab-line[selected=true] { 202 | height: 0px !important; 203 | } 204 | 205 | .tabbrowser-tab > .tab-stack > .tab-background > .tab-line[selected=true], 206 | .tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) { 207 | background-color: rgba(0,0,0,.2); 208 | opacity: 0 !important; 209 | } 210 | 211 | .tabbrowser-tab .tab-background[selected=true] { 212 | border-image: unset !important; 213 | border-image-slice: 0 !important; 214 | } 215 | 216 | .tabbrowser-tab:not([selected]) .tab-background{ 217 | display: none !important; 218 | } 219 | 220 | .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) { 221 | background-color: rgba(0,0,0,.0) !important; 222 | } 223 | 224 | /* tab top border roundness */ 225 | #TabsToolbar .tabs-newtab-button, 226 | #TabsToolbar .tabbrowser-tab, 227 | #TabsToolbar .tabbrowser-tab .tab-stack, 228 | #TabsToolbar .tabbrowser-tab .tab-background, 229 | #TabsToolbar .tabbrowser-tab .tab-content { 230 | border-top-left-radius: 3px !important; 231 | border-top-right-radius: 3px !important; 232 | } 233 | 234 | /* loading animation */ 235 | #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:not([visuallyselected=true]) { 236 | --tab-loading-fill: #0A84FF !important; 237 | } 238 | 239 | /* space between tabs */ 240 | .tabs-newtab-button, 241 | .tabbrowser-tab:not([pinned]) { 242 | -moz-margin-start: 0px !important; 243 | } 244 | 245 | /* width of new tab tab */ 246 | #TabsToolbar .tabs-newtab-button{ 247 | min-width: 0px !important; 248 | width: 28px !important; 249 | margin-bottom: -1px !important; 250 | } 251 | 252 | /* size of new tab tabs '+' icon */ 253 | .tabs-newtab-button .toolbarbutton-icon{ 254 | min-width: 0px !important; 255 | min-height: 0px !important; 256 | width: 14px !important; 257 | height: 14px !important; 258 | margin: 0px !important; 259 | margin-bottom: 0px !important; 260 | padding: 0px !important; 261 | background: unset !important; 262 | box-shadow: unset !important; 263 | } 264 | 265 | /* tab close icon size and position */ 266 | .tabbrowser-tab:not([pinned]) .close-icon > .toolbarbutton-icon { 267 | width: 16px !important; 268 | height: 16px !important; 269 | -moz-margin-end:-4px !important; 270 | } 271 | 272 | :root[uidensity=touch] .tabbrowser-tab:not([pinned]) .close-icon > .toolbarbutton-icon { 273 | margin-top: -8px !important; 274 | margin-bottom: -8px !important; 275 | } 276 | 277 | /*tab favicon position*/ 278 | .tabbrowser-tab:not([pinned]):not([locked]) .tab-throbber, 279 | .tabbrowser-tab:not([pinned]) .tab-icon-image{ 280 | -moz-margin-start:-6px !important; 281 | } 282 | 283 | /* reduce minimum tab height */ 284 | #tabbrowser-tabs, 285 | #tabbrowser-tabs > .tabbrowser-arrowscrollbox, 286 | .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] { 287 | min-height: 26px !important; 288 | } 289 | 290 | #TabsToolbar #tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] { 291 | min-height: 25px !important; 292 | max-height: 25px !important; 293 | } 294 | 295 | /**/ 296 | @media (-moz-os-version: windows-win10) { 297 | .titlebar-button { 298 | padding: 0px 17px !important; 299 | } 300 | } 301 | 302 | /*pinned tabs*/ 303 | #TabsToolbar .tab-content[pinned] { 304 | padding: 0 6px !important; 305 | } 306 | 307 | /* remove top line above tabs for lw-themes */ 308 | #main-window:-moz-lwtheme #browser-panel{ 309 | border: unset !important; 310 | box-shadow: unset !important; 311 | } 312 | 313 | /* hide tab separators */ 314 | .tabbrowser-tab::after, 315 | .tabbrowser-tab::before { 316 | opacity: 0 !important; 317 | border-image: unset !important; 318 | border-image-slice: unset !important; 319 | width: unset !important; 320 | } 321 | #tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after, 322 | .tabbrowser-tab:not([selected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before, 323 | #tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after { 324 | content: unset !important; 325 | display: unset !important; 326 | } 327 | /**/ 328 | 329 | /* remove crap set by Firefox 58+ */ 330 | .tabbrowser-tab, 331 | .tab-stack, 332 | .tab-background { 333 | border: unset !important; 334 | } 335 | 336 | .tabbrowser-tab::after, 337 | .tabbrowser-tab::before { 338 | border-left: unset !important; 339 | border-image: unset !important; 340 | border-image-slice: unset !important; 341 | border-top-left-radius: 3px !important; 342 | border-top-right-radius: 3px !important; 343 | } 344 | 345 | :root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab::after, 346 | :root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab::before, 347 | .tabbrowser-tab:hover::before, 348 | .tabbrowser-tab[last-visible-tab]:hover::after, 349 | #tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab[afterhovered]::before { 350 | border-image: unset !important; 351 | border-image-slice: unset !important; 352 | border-top-left-radius: 3px !important; 353 | border-top-right-radius: 3px !important; 354 | } 355 | -------------------------------------------------------------------------------- /Styles/userChromeContainersLabels.css: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | /* change up usercontext label */ 6 | #userContext-icons{ 7 | background:var(--identity-tab-color)!important; 8 | margin:auto 3px!important; 9 | border-radius:2px!important; 10 | padding:0 2px 0 5px!important; 11 | } 12 | 13 | #userContext-label{ 14 | color:#fff!important; 15 | } 16 | 17 | #userContext-indicator{ 18 | fill:#fff!important; 19 | margin-right:2px!important; 20 | } 21 | 22 | #userContext-indicator[data-identity-icon="circle"]{ 23 | display:none!important; 24 | } 25 | -------------------------------------------------------------------------------- /Styles/userChromeHovorColor.css: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | /* This style will merge the container indicator with the tab line, 6 | * and show the container color of background tabs on hover */ 7 | 8 | /*Indicators on top only on hover*/ 9 | .tab-bottom-line{ 10 | display:none!important; 11 | } 12 | 13 | .tabbrowser-tab[usercontextid] .tab-line{ 14 | background: var(--identity-tab-color) !important; 15 | transform: scaleX(.8) !important; 16 | opacity: .7 !important; 17 | height: 0px !important; 18 | border-radius: 0 0 2px 2px !important; 19 | } 20 | 21 | .tabbrowser-tab[usercontextid][pinned] .tab-line{ 22 | transform: scaleX(.55) !important; 23 | } 24 | 25 | .tabbrowser-tab[usercontextid]:not([visuallyselected]):hover .tab-line{ 26 | border-radius: 0 !important; 27 | height: 2px !important; 28 | transform:scaleX(1)!important; 29 | opacity: .8 !important; 30 | } 31 | 32 | .tabbrowser-tab[usercontextid][visuallyselected] .tab-line{ 33 | border-radius: 0 !important; 34 | height: 2px !important; 35 | transform: scaleX(1) !important; 36 | opacity: 1 !important; 37 | } 38 | 39 | /*Loading flash use container color*/ 40 | .tabbrowser-tab{ 41 | --tab-loading-fill: Highlight !important; 42 | } 43 | 44 | .tabbrowser-tab[usercontextid]{ 45 | --tab-loading-fill: var(--identity-tab-color) !important; 46 | } 47 | 48 | -------------------------------------------------------------------------------- /Styles/userChromeSafari.css: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | /*This style will make your browser similar to Safari. Currently tested on MacOS Sierra and Linux on Nightly*/ 6 | 7 | /*tabs on bottom*/ 8 | #TabsToolbar { 9 | -moz-box-ordinal-group: 3; 10 | } 11 | #nav-bar{ 12 | border-top-width: 0px !important; 13 | } 14 | #TabsToolbar .tabbrowser-tabs { 15 | height: 18px !important; 16 | border-bottom: 1px solid #B1B1B1 !important; 17 | } 18 | 19 | /*tab line hidden*/ 20 | .tab-line { 21 | display: none !important; 22 | } 23 | 24 | /*Bookmarks Bar fix*/ 25 | #PersonalToolbar { 26 | -moz-box-ordinal-group: 2; 27 | background: rgb(220, 220, 220) !important; 28 | border-bottom: 1px solid #B1B1B1 !important; 29 | } 30 | 31 | /*Remove extra tab bar space*/ 32 | #TabsToolbar { 33 | padding-inline-start: 0px !important; 34 | margin-bottom: none !important; 35 | } 36 | 37 | .titlebar-placeholder { 38 | display: none; 39 | } 40 | 41 | /*full-width tabs*/ 42 | #TabsToolbar .tabbrowser-tab[fadein]:not([pinned]) { 43 | flex-grow: 1 !important; 44 | min-width: 11em !important; 45 | max-width: 100% !important; 46 | } 47 | 48 | #TabsToolbar { 49 | box-shadow: inset 0px 1px 0px 0px rgb(162,160,162), inset 0px -1px 0px 0px rgb(162,160,162) !important; 50 | margin-bottom: 0px !important; 51 | margin-left: 0px !important; 52 | margin-right: -1px !important; 53 | background: linear-gradient(to bottom, rgb(192,190,192),rgb(187,185,187)) !important; 54 | } 55 | 56 | /*Hide and show close tab button*/ 57 | #TabsToolbar .tab-close-button { 58 | -moz-box-ordinal-group: 1 !important; 59 | margin-left: -5.5px !important; 60 | border-radius: 2px !important; 61 | transition: opacity 200ms !important; 62 | /* small x */ 63 | list-style-image: url('data:image/svg+xml;utf8,\\\\') !important; 64 | } 65 | 66 | @media (max-resolution: 1.9dppx) { 67 | #TabsToolbar .tab-close-button { 68 | list-style-image: url('data:image/svg+xml;utf8,\\\\') !important; 69 | } 70 | } 71 | 72 | #TabsToolbar tab:not(:hover) .tab-close-button { 73 | opacity: 0 !important; 74 | } 75 | 76 | #TabsToolbar tab:hover .tab-close-button { 77 | opacity: 1 !important; 78 | } 79 | 80 | #TabsToolbar tab .close-icon { 81 | -moz-image-region: unset !important; 82 | } 83 | 84 | #TabsToolbar tab .close-icon:hover { 85 | -moz-image-region: unset !important; 86 | background-color: rgba(0,0,0,0.1) !important; 87 | background-clip: padding-box !important; 88 | } 89 | 90 | #TabsToolbar tab .close-icon:hover:active { 91 | background-color: rgba(0,0,0,0.15) !important; 92 | } 93 | 94 | /*Heights*/ 95 | 96 | /* 97 | * Change the last padding value to 5px for Windows, Linux, or if 98 | * you're using the titlebar 99 | */ 100 | #nav-bar { 101 | height: 38px !important; 102 | padding: 0px 5px 0px 75px !important; 103 | } 104 | #tabbrowser-tabs { 105 | margin-left: 0px !important; 106 | height: 24px !important; 107 | } 108 | #TabsToolbar .tab-content > * { 109 | margin-top: 0px !important; 110 | margin-bottom: 0px !important; 111 | } 112 | 113 | /*Colors*/ 114 | #nav-bar { 115 | background: linear-gradient(rgb(230, 230, 230), rgb(220, 220, 220)) !important; 116 | border-bottom: 1px solid #B1B1B1 !important; 117 | } 118 | #TabsToolbar { 119 | background: #BCBCBC !important; 120 | } 121 | .tab-background[selected="true"] { 122 | background-attachment: none !important; 123 | background-color: rgb(220, 220, 220) !important; 124 | background-image: none !important; 125 | } 126 | #urlbar { 127 | background: #FAFAFA !important; 128 | border: 1px solid rgba(0,0,0,0.5); 129 | } 130 | 131 | /*Hide Favicons, center text*/ 132 | .tabbrowser-tabs .tab-icon-image { 133 | display: none !important; 134 | } 135 | .tabbrowser-tab[pinned]:not([busy="true"]) .tab-icon-image { 136 | display: block !important; 137 | } 138 | .tab-label { 139 | -moz-box-flex: 1 !important; 140 | text-align: center !important; 141 | } 142 | 143 | /*position window controls*/ 144 | #titlebar-buttonbox-container { 145 | margin-left: 5px !important; 146 | margin-top: 10.5px !important; 147 | } 148 | 149 | /* remove this weird extra separator mozilla tacks on before the page content */ 150 | #navigator-toolbox::after { 151 | display: none !important; 152 | } 153 | -------------------------------------------------------------------------------- /images/bottom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Isaac-Newt/userChrome-styles/2aa9f7a15b4780914db9a957fcaade72cfd74d5e/images/bottom.png -------------------------------------------------------------------------------- /images/colors.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Isaac-Newt/userChrome-styles/2aa9f7a15b4780914db9a957fcaade72cfd74d5e/images/colors.png -------------------------------------------------------------------------------- /images/expand.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Isaac-Newt/userChrome-styles/2aa9f7a15b4780914db9a957fcaade72cfd74d5e/images/expand.png -------------------------------------------------------------------------------- /images/safari.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Isaac-Newt/userChrome-styles/2aa9f7a15b4780914db9a957fcaade72cfd74d5e/images/safari.png -------------------------------------------------------------------------------- /images/sidetabs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Isaac-Newt/userChrome-styles/2aa9f7a15b4780914db9a957fcaade72cfd74d5e/images/sidetabs.png -------------------------------------------------------------------------------- /images/small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Isaac-Newt/userChrome-styles/2aa9f7a15b4780914db9a957fcaade72cfd74d5e/images/small.png -------------------------------------------------------------------------------- /images/source.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Isaac-Newt/userChrome-styles/2aa9f7a15b4780914db9a957fcaade72cfd74d5e/images/source.mp4 --------------------------------------------------------------------------------