mirror of https://github.com/vee1e/mitmproxy - An interactive TLS-capable intercepting HTTP proxy for penet
Find a file
Sleeyax 4c018bb9d4
mitmweb: add status/method badges to the flow table (#8335)
* feat(web): add status/method badges and flow-table tooltips

Replace the inline-colored status text with a colored status-code badge and render the request method as an outlined badge.
Both reuse the semantic state tokens, so they follow the dark theme automatically.
Add hover tooltips (via a new optional Icon `title` prop and a title on the TLS cell) to the TLS, replay, intercept, and error indicators.

Part of #7789.

* feat(web): tone down solid state fills in the dark theme

Add a soft variant of the state palette (`--mitmweb-<state>-soft-bg`/`-fg`) and use it for the status badges and the footer option labels.
A saturated fill glares against a dark surface once it is repeated across every row, so the soft fill sinks towards the background and the label text carries the hue.
The solid tokens stay vivid for the header connection label and `.btn-info`, which appear one at a time and are meant to draw the eye.
Light values alias the existing solid colors, so the light theme is unchanged.

* feat(web): drop the now-unused status-code color tokens

The status column renders a badge that reuses the semantic state tokens, so nothing consumes --mitmweb-status-1xx…5xx/-other any more.

* [autofix.ci] apply automated fixes

* refactor(web): unify the status and method badges into one component

The two components differed only in styling, so a single presentational Badge in common/ now carries the shared class and callers pass the variant class.
statusClass moves to flow/utils next to statusCode, mirroring getIcon which likewise returns a CSS class.

* fix(web): give the status and method badges the same height

The two badges sized themselves from their own font size, padding and border, so the outlined method badge came out about a pixel shorter than the filled status badge.
A fixed height on the shared base plus a transparent border makes the box identical regardless of the variant.

* fix(web): widen the status column so DNS codes fit

The badge's padding and border pushed word-shaped DNS response codes such as NOERROR past the 60px cell, where the table's overflow rule clipped them.

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
2026-08-03 09:26:46 +02:00
.github ci: add name to macOS app build step for readability (#8343) 2026-08-01 10:08:45 +02:00
docs docs: document addon live-reload + testing pattern (#8210) 2026-05-11 14:18:51 +00:00
examples Fix IP blocking and merge additional DoH blocklists (#8197) 2026-04-28 20:25:50 +02:00
mitmproxy feat(web): add dark theme (#8317) 2026-07-29 07:45:53 +02:00
release docs: fix typos (#8285) 2026-06-18 08:51:03 +02:00
test fix: correct typo in test data (#8341) 2026-07-31 16:47:13 +02:00
web mitmweb: add status/method badges to the flow table (#8335) 2026-08-03 09:26:46 +02:00
.gitattributes
.gitignore
.python-version Update to Python 3.14 (#7918) 2025-10-15 21:32:53 +02:00
AGENTS.md Add AGENTS.md (#7907) 2025-10-09 20:20:57 +02:00
CHANGELOG.md mitmweb: add status/method badges to the flow table (#8335) 2026-08-03 09:26:46 +02:00
codecov.yml
CONTRIBUTING.md
LICENSE
MANIFEST.in
pyproject.toml Add Flowfilter description strings (#8245) 2026-07-15 15:22:40 +02:00
README.md remove codacy badge 2026-04-12 23:27:13 +02:00
SECURITY.md SECURITY.md: Exclude DoS from scope (#8171) 2026-04-12 22:36:48 +02:00
uv.lock Add Flowfilter description strings (#8245) 2026-07-15 15:22:40 +02:00

mitmproxy

Continuous Integration Status autofix.ci: enabled Coverage Status Latest Version Supported Python versions

mitmproxy is an interactive, SSL/TLS-capable intercepting proxy with a console interface for HTTP/1, HTTP/2, and WebSockets.

mitmdump is the command-line version of mitmproxy. Think tcpdump for HTTP.

mitmweb is a web-based interface for mitmproxy.

Installation

The installation instructions are here. If you want to install from source, see CONTRIBUTING.md.

Documentation & Help

General information, tutorials, and precompiled binaries can be found on the mitmproxy website.

mitmproxy.org

The documentation for mitmproxy is available on our website:

mitmproxy documentation stable mitmproxy documentation dev

If you have questions on how to use mitmproxy, please use GitHub Discussions!

mitmproxy discussions

Contributing

As an open source project, mitmproxy welcomes contributions of all forms.

Dev Guide