ui: Minor visual refresh

The focus is on:
1. Increasing information density
2. Decreasing visual noise / increasing consistency
It's by no means done but it's a step in the right direction.

For 1. we:
- Decrease font size
- Remove excessive padding
- Reduce topbar height
- Reduce sidebar width
- Reduce the minimum track height
- Reduce the thread state track

For 2. we:
- Reduce the number of typefaces
- Reduce the number of weights in use
- Reduce the number of non-semantic colors
- Use the same border-radius everywhere
- Replace some custom buttons with with the button widget

Before/after for the various surfaces:

- Welcome:
  - https://screenshot.googleplex.com/5Vg3Dcckjq2h8Rf
  - https://screenshot.googleplex.com/6Wop2quyztZ7Nno
- Timeline:
  - https://screenshot.googleplex.com/5sahBHEhqaB7F8X
  - https://screenshot.googleplex.com/382giTGsEnga33T
- Query:
  - https://screenshot.googleplex.com/5ozS5m5Jzo3rrtn
  - https://screenshot.googleplex.com/9fTHeyVyG4XHmN8
- Metrics:
  - https://screenshot.googleplex.com/mGsFtDLJeC6BVGy
  - https://screenshot.googleplex.com/VsowCEdrBYUHCJR
- Flags:
  - https://screenshot.googleplex.com/BjtWjNpg969Y8YZ
  - https://screenshot.googleplex.com/ZAkfSzD3kCNbLDg
- RecordingV2:
  - https://screenshot.googleplex.com/3jUgxhmpLGoF3YV
  - https://screenshot.googleplex.com/9HDoY7kEnkZ9C5S
- Recording:
  - https://screenshot.googleplex.com/3C5RB3U3rdQusNb
  - https://screenshot.googleplex.com/9U7bYTxfeWgtP43
- Tabs:
  - https://screenshot.googleplex.com/C8BoNPFr9DLiYy8
  - https://screenshot.googleplex.com/5y2g9tAi6L59Djb

Change-Id: I8e22bdc694b8e0846e839daf9aaab4e447414885
49 files changed
tree: 2057e7fcf2d2292219c1513c7cf5dfceac2a8063
  1. .github/
  2. bazel/
  3. build_overrides/
  4. buildtools/
  5. debian/
  6. docs/
  7. examples/
  8. gn/
  9. include/
  10. infra/
  11. protos/
  12. python/
  13. src/
  14. test/
  15. tools/
  16. ui/
  17. .clang-format
  18. .clang-tidy
  19. .git-blame-ignore-revs
  20. .gitattributes
  21. .gitignore
  22. .gn
  23. .style.yapf
  24. Android.bp
  25. Android.bp.extras
  26. BUILD
  27. BUILD.extras
  28. BUILD.gn
  29. CHANGELOG
  30. codereview.settings
  31. DIR_METADATA
  32. heapprofd.rc
  33. LICENSE
  34. meson.build
  35. METADATA
  36. MODULE_LICENSE_APACHE2
  37. OWNERS
  38. perfetto.rc
  39. PerfettoIntegrationTests.xml
  40. PRESUBMIT.py
  41. README.chromium
  42. README.md
  43. TEST_MAPPING
  44. traced_perf.rc
  45. WORKSPACE
README.md

Perfetto - System profiling, app tracing and trace analysis

Perfetto is a production-grade open-source stack for performance instrumentation and trace analysis. It offers services and libraries and for recording system-level and app-level traces, native + java heap profiling, a library for analyzing traces using SQL and a web-based UI to visualize and explore multi-GB traces.

See https://perfetto.dev/docs or the /docs/ directory for documentation.