Google Git
Sign in
chromium/devtools/devtools-frontend/refs/heads/chromium/7670
commit
c1da69374dcd68b0c6ebec8eb95bccc1ff8a573b
[log]
author
Guangyue Xu <guangyue.xu@microsoft.com>
Tue Feb 03 21:50:51 2026
committer
Devtools-frontend LUCI CQ <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>
Wed Feb 04 21:22:31 2026
tree
934230d922447839a86bc13c3f6213405353e417
parent
52e061383da0e170cc9109e94109a1a48cf97154 [diff]
[A11y] update for dropdown list items

Added a left border the currently selected item and mouse hovered over
item. The additional left border increases the contrast level of the
active item comparing to non-active items.

Before: https://i.imgur.com/RJA1bAB.png
After: https://i.imgur.com/bxiYP9i.png
Bug: 479892733
Change-Id: I1986611016ca9e68d231d36922f6fc13615f39df
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/7533189
Reviewed-by: Nikolay Vitkov <nvitkov@chromium.org>
Commit-Queue: Guangyue Xu <guangyue.xu@microsoft.com>
Reviewed-by: Kim-Anh Tran <kimanh@chromium.org>
1 file changed
tree: 934230d922447839a86bc13c3f6213405353e417
  1. .gemini/
  2. .github/
  3. .vscode/
  4. agents/
  5. build_overrides/
  6. config/
  7. docs/
  8. extension-api/
  9. extensions/
  10. front_end/
  11. inspector_overlay/
  12. mcp/
  13. node_modules/
  14. scripts/
  15. test/
  16. third_party/
  17. v8/
  18. build
  19. buildtools
  20. .clang-format
  21. .clang-format-ignore
  22. .editorconfig
  23. .env.template
  24. .geminiignore
  25. .git-blame-ignore-revs
  26. .gitallowed
  27. .gitattributes
  28. .gitignore
  29. .gitmodules
  30. .gn
  31. .mailmap
  32. .npmignore
  33. .npmrc
  34. .style.yapf
  35. .stylelintignore
  36. .stylelintrc.json
  37. AUTHORS
  38. BUILD.gn
  39. codereview.settings
  40. CONTRIBUTING.md
  41. DEPS
  42. DIR_METADATA
  43. eslint.config.mjs
  44. favicon.ico
  45. LICENSE
  46. OWNERS
  47. package-lock.json
  48. package.json
  49. PRESUBMIT.py
  50. README.md
  51. WATCHLISTS
README.md

Chrome DevTools frontend

npm package

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

Source code and documentation

The frontend is available on chromium.googlesource.com. Check out the Chromium DevTools documentation for instructions to set up, use, and maintain a DevTools front-end checkout, as well as design guidelines, and architectural documentation.

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

There are a few options to keep an eye on the latest and greatest of DevTools development: