☰

Bitbucket: header color

Allows changing the header color of Bitbucket to any color!

  1. /* ==UserStyle==
  2. @name         Bitbucket: header color
  3. @description  Allows changing the header color of Bitbucket to any color!
  4. @author       Andrei Rybak
  5. @homepageURL  https://github.com/rybak/atlassian-tweaks
  6. @version      5
  7. @license      MIT
  8. @namespace    https://github.com/rybak/atlassian-tweaks
  9. @preprocessor uso
  10. @var          color  myColor  "🎨 header color"  purple
  11. @var text yourDomain "Custom Bitbucket domain" "bitbucket.example.com"
  12. @var text yourDomain2 "Second custom Bitbucket domain" "stash.example.com"
  13. ==/UserStyle== */
  14.  
  15. /*
  16.  * Copyright (c) 2023 Andrei Rybak
  17.  *
  18.  * Permission is hereby granted, free of charge, to any person obtaining a copy
  19.  * of this software and associated documentation files (the "Software"), to deal
  20.  * in the Software without restriction, including without limitation the rights
  21.  * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  22.  * copies of the Software, and to permit persons to whom the Software is
  23.  * furnished to do so, subject to the following conditions:
  24.  *
  25.  * The above copyright notice and this permission notice shall be included in all
  26.  * copies or substantial portions of the Software.
  27.  *
  28.  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  29.  * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  30.  * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  31.  * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  32.  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  33.  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  34.  * SOFTWARE.
  35.  */
  36.  
  37. @-moz-document url-prefix("https://bitbucket"), domain(/*[[yourDomain]]*/), domain(/*[[yourDomain2]]*/) {
  38. 	/* Setting custom color header */
  39.  
  40. 	/* CSS classes ".look-and-feel-custom-theme .aui-header" are needed for older versions of Bitbucket, e.g. v7.21.* */
  41. 	.look-and-feel-custom-theme .aui-header,
  42. 	header[role="banner"][style] {
  43. 		background-color: /*[[myColor]]*/ !important;
  44. 	}
  45. }