Kibana: Dark theme not applied in Kibana correctly

Created on 28 Jan 2019  路  13Comments  路  Source: elastic/kibana

This is a meta issue tracking all the places in which the new global dark theme isn't correctly applied yet:

  • [x] Discover Popular fields
    screenshot-20190128-122305
  • [x] Discover Time range selector above histogram
    screenshot-20190128-122431
  • [x] Discover Index selector when opened
    screenshot-20190128-122605
  • [x] Filter bar select field in filter bar (will be gone via Filter Bar EUI migration)
  • [x] Visualize Editor tabs
    screenshot-20190128-123044
  • [x] Visualize Text fields in editor
    screenshot-20190128-123058
  • [x] Timelion Legend background
    screenshot-20190128-123249
  • [x] Timelion Options panel
    screenshot-20190128-123322
  • [x] Query Bar Autocompletion in Query Bar (#29684)
    screenshot-20190129-110209
  • [x] Visualize Y Axis line color look bad in dark theme (#12740)
  • [x] Dev Tools Console Error
    screenshot
  • ~[ ] Region Map legend background too transparent on dark theme~ Created #31731
    screenshot 2019-02-18 at 10 51 12
Meta Kibana-Design bug

Most helpful comment

Since I don't see most of this being fixed by anyone outside the design team, I'd rather we just keep one issue so we don't need to jump from issue to issue for reporting. We can jus drop the app team label to tie it to us.

All 13 comments

Pinging @elastic/kibana-app

Pinging @elastic/kibana-design

Search auto complete also doesn't have dark theme applied

Thanks for the hint. Added it to the above list.

@ryankeairns Could you please open a separate issue for the Dev Tools, and link it to the :Elasticsearch UI team, since the dev tolls are not part of the Kibana team.

Since I don't see most of this being fixed by anyone outside the design team, I'd rather we just keep one issue so we don't need to jump from issue to issue for reporting. We can jus drop the app team label to tie it to us.

This open PR will take care of a lot if not (almost) the rest of the vis dark mode issues: https://github.com/elastic/kibana/pull/30478 if someone would like to review.

Does anyone foresee any fix for these issues on 6.X? For those of us relying heavily on dark mode for displays, it is a rather apparent. In this case, is it advisable to skip 6 entirely and wait for 7?

I answered this in your other thread

Kibana 7 introduces dark mode across all of Kibana. As such it involved us spending a lot more time on the dark modes in Kibana. 6.7 has _some_ minor fixes in it against dark mode dashboards (which is all that Kibana 6.x supports), but not the breadth that is covered here, which is mostly tracking changes against master.

If dark mode is important to you 7 will be the best experience. If there is a specific issue in 6 that is bothering you, I'd make a ticket and it's probably we can add a bugfix for you against 6.7 or 6.6.x. Feel free to tag me on it when you make it.

Apologies. As the other thread was on a specific pull request, I incorrectly assumed that your answer was only referring to that pull and not in general. I didn't want to litter its comments with more general questions, so this seemed more appropriate for follow-ups. Thank you for clarifying.

I'll continue with my testing of 6.X and determine how badly the issues are affecting us before bothering with an additional ticket. I am attempting to keep us up to date with the newest stable release, so I'll certainly be looking at 7 when it drops.

@kerber No worries. I'm pretty sure we can backport a fix for you pretty quickly if you point out what you're seeing, just want to make sure we're fixing the right stuff. Most of the issues covered in these other issues were for more broad 7 stuff that likely doesn't apply.

Another item was added.... but I don't think the map legend is specific to dark mode as it's the same opacity in light mode. I'll create a separate ticket.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

stacey-gammon picture stacey-gammon  路  74Comments

Alex-Ikanow picture Alex-Ikanow  路  364Comments

hvisage picture hvisage  路  170Comments

cff3 picture cff3  路  83Comments

panda87 picture panda87  路  206Comments