Visibility issues with 10.3.4 themes

[Carsten Knudsen]

Hi experts.

I am a corporate user that have been using JIRA for a decade or so.  We (my company) are currently running 10.3.4, and we (my group) are having some UI issues:  

  1) In the various "backlog" views, JIRA is using a custom scrollbar on panes; this scrollbar gets almost same fg and bg colors in the "light" and "dark" themes, making the scrollbars practically unusable.  Switching to the theme "original" makes the scrollbars visible again, but...

  2) In the "original" theme, any text typed in the generic "search" textbox at the top becomes all but invisible; the search function still works, but you cannot see what you are searching for...   Oddly, switching back to either the "light" or "dark" theme makes -that- problem go away, but then you have no scrollbars...

So, we are stuck with either search or scrollbars, but not both.  Local IT throws the towel.  Does anyone here have a suggestion for how to solve this? 

Oh, I forgot: Browser is Chrome (current) but same issue is in Edge.  In Firefox, the scrollbars don't get replaced by the custom ones, so that may work out of the box (haven't tried the search box) - sadly, a lot of other corporate apps do not mix too well with FF; so that is not a permanent solution.

TIA,

Carsten

[Ethann Collins]

It’s definitely a frustrating spot to be in, especially when the search box looks fine in one theme and the scrollbars only work in another. Jira 10.3.4 does have some known UI quirks with its theme styling, which can cause exactly this contrast problem. Since your IT team can’t change the product code, the easiest fixes are adjusting any browser zoom or font settings, disabling experimental UI flags, or having a Jira admin add a small CSS override through the announcement banner to fix scrollbar visibility. The fact that Firefox displays everything correctly confirms it’s a rendering issue rather than a Jira data problem.

[Mercy]

This is a known rendering issue in Jira Data Center 10.3.x where the new theme framework applies custom CSS variables inconsistently to scrollbars and form fields. The “light” and “dark” themes use the same base color tokens for scrollbar tracks and thumbs, which makes them appear invisible in Chrome and Edge. Atlassian has documented that theme color variables for scrollbars were adjusted in later builds because Chromium browsers ignore contrast hints defined in the stylesheet. The “original” theme uses legacy styling that restores native scrollbars, but its top search box inherits an outdated text color variable that doesn’t match the new background tokens.

[Kseniia Trushnikova]

It seems you are running into a known issue, as documented by the bug report JSWSERVER-26313: The Vertical Scrollbar and Slider are not showing correctly when using the default light theme & Dark theme for Jira DC in the Backlog View.

I recommend that you Vote on it and Watch it, to ensure that you get further updates about this bug.