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