zoekt multiple matches dividers don't have correct appearance

Tomas Bulvarequested to merge
481985-zoekt-search-multiple-matches-ui-followup into master

What does this MR do and why?

Removed dependence on framework variables. It seems that the colour variables dependent on themes are a bit volatile. I removed dependence.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

light

Before After
before-light-light after-light-light
before-light-dark after-light-dark
before-light-solarized-light after-light-solarized-light
before-light-solarized-dark after-light-solarized-dark
Screenshot_2024-09-18_at_16.25.50 after-light-monokai
Screenshot_2024-09-18_at_16.26.16 after-light-none

dark

Before After
before-dark-light after-dark-light
before-dark-dark after-dark-dark
before-dark-solarized-light after-dark-solarized-light
before-dark-solarized-dark after-dark-solrized-dark
before-dark-monokai after-dark-monokai
before-dark-none after-dark-none

How to set up and validate locally

  1. Make sure advanced search is installed and enabled
  2. Make sure you enable zoekt.
  3. Visit search page http://gdk.test:3000/search?group_id=33&scope=blobs&search=test&regex=true
  4. Search code using namespace where zoekt is enabled
  5. Check results while changing the code theme as well as system theme

Related to #481985 (closed)

Edited by Tomas Bulva

Merge request reports