Google Git
Sign in
chromium / devtools / devtools-frontend / 23aca2ebec6ca3a99b5463d8bdbe74a61dca73fa
commit23aca2ebec6ca3a99b5463d8bdbe74a61dca73fa[log] [tgz]
authorPatrick Brosset <[email protected]>Mon Sep 14 12:28:11 2020
committerCommit Bot <[email protected]>Mon Sep 14 15:42:23 2020
treefd9bfa6c5368787b7ec66ca128c24d80973d3821
parentc85a9a75d3f596b047aa4a42a66d0de13c94ecd9 [diff]
Grid: Use better colors for the grid overlays

Generating colors automatically was our first approach. Now we have a
list of colors provided by a designer. We want to use this.
In this change, we keep the same color generator class, but we just make
it cycle through these colors.
This change also slightly alters the label text color (while keeping the
logic to switch to white if it has better contrast, since we're going to
make colors customizable by users).

Bug: 1123052
Change-Id: I4b6606daa654d92e0c5d206e58e184b5578535b6
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2408180
Reviewed-by: Alex Rudenko <[email protected]>
Commit-Queue: Patrick Brosset <[email protected]>
2 files changed
tree: fd9bfa6c5368787b7ec66ca128c24d80973d3821
  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