Fix the color of selected breadcrumbs in Elements panel

This CL changes the color for selected/hovered breadcrumb to be
--tab-selected-bg-color instead of --toolbar-bg-color that does not
stand out enough.

Dark mode screenshot: https://i.imgur.com/SDLLPfg.png
Light mode screenshot: https://i.imgur.com/XXhkPvO.png

Fixed: 1121115
Change-Id: I2c983bc67bcb37c2bdc8b38f3c97217b88e925d6
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2422961
Commit-Queue: Alex Rudenko <[email protected]>
Reviewed-by: Mathias Bynens <[email protected]>
Reviewed-by: Jack Franklin <[email protected]>
1 file changed
tree: fbc2381c9921e3c2b0b59e24d8ab09dbfff11860
  1. back_end/
  2. build_overrides/
  3. docs/
  4. front_end/
  5. inspector_overlay/
  6. node_modules/
  7. scripts/
  8. test/
  9. third_party/
  10. v8/
  11. .clang-format
  12. .editorconfig
  13. .eslintignore
  14. .eslintrc.js
  15. .gitattributes
  16. .gitignore
  17. .gn
  18. .npmignore
  19. .npmrc
  20. .style.yapf
  21. .stylelintignore
  22. .stylelintrc.json
  23. all_devtools_files.gni
  24. all_devtools_modules.gni
  25. AUTHORS
  26. BUILD.gn
  27. COMMON_OWNERS
  28. DEPS
  29. devtools_grd_files.gni
  30. devtools_image_files.gni
  31. devtools_module_entrypoints.gni
  32. ENG_REVIEW_OWNERS
  33. INFRA_OWNERS
  34. LICENSE
  35. LIGHTHOUSE_OWNERS
  36. OWNERS
  37. package-lock.json
  38. package.json
  39. PRESUBMIT.py
  40. README.md
  41. tsconfig.base.json
  42. tsconfig.json
  43. WATCHLISTS
README.md

Chrome DevTools frontend

npm package

The client-side of the Chrome DevTools, including all JS & CSS to run the DevTools webapp.

Source code

The frontend is available on chromium.googlesource.com.

Design guidelines

Please be aware that DevTools follows additional development guidelines.

Issue triage

The issue triage guidelines can be found here.

Workflows

Instructions to set up, use, and maintain a DevTools frontend checkout can be found here.

Additional references

Source mirrors

DevTools frontend repository is mirrored on GitHub.

DevTools frontend is also available on NPM as the chrome-devtools-frontend package. It's not currently available via CJS or ES modules, so consuming this package in other tools may require some effort.

The version number of the npm package (e.g. 1.0.373466) refers to the Chromium commit position of latest frontend git commit. It's incremented with every Chromium commit, however the package is updated roughly daily.

Getting in touch