With the Lite theme introduced in Jira 10, it would be even more important to implement this suggestion, since with a dark menu bar in the Lite design the search field is almost no longer visible.

Adding in my solution from Jira 8.20.7, only if you are allowed to input js in the banner

<script>

document.getElementById("quickSearchInput").style = "background-color: white;";

</script>

For testing purposes, I recommend wrapping this is an if statement applying it only to a certain user so that you don't accidentally lock yourself out by breaking the ui, do it like so:

<script>

let user = AJS.Meta.get("remote-user");

if(user == 'someUserNameThatsNotYourAdmin')

</script>

Then just log in with the test user/user scriptrunner to swap user context to the affected user

+1

@Adrian Ohler - it still does in Jira 8.20.1 - which of course still has this bug. How can I revert that change?

Edit: This article shows how to set announcement banner text by SQL Notice: You have to restart Jira for the changes to take effect.

That's typically Atlassian: A feature request that could be implemented in less than a day is lurking around for more than half a decade producing frustration at the customers.

WHY ATLASSIAN, WHY?

Suggestion: Use a specific amount of dev time each version, let's say 3 days, to adress old issues for better customer satisfication.

Gonna implement the work around. But it's definitely something that needs to be addressed.

This is working for us in Jira 8.1 across all browsers:

<!-- workaround for https://jira.atlassian.com/browse/JRASERVER-35821 -->
<style>
#quickSearchInput

#quickSearchInput::-webkit-input-placeholder

#quickSearchInput:-moz-placeholder

#quickSearchInput::-moz-placeholder

#quickSearchInput:-ms-input-placeholder

.aui-header .aui-quicksearch::after

</style>

At least in Jira 7.10.1 the workaround mentioned in the description breaks the Jira UI completely. Instead try using this as the announcement banner:

<style>
#quickSearchInput {
  background: #FFFFFF;
  color: rgba(0, 0, 0, 1);
}
#announcement-banner {
  border-bottom-width: 0px;
  padding: 0px;
}
</style>

This worked for me. In case you want to have a different color just replace #FFFFFF with any other HTML color code.

Agreed. This looks awful on any color except blue. Please add the ability to change this like you can in Confluence.

In Confluence it's possible to change the color, why it isn't in JIRA? This looks really cheap...