flutter / flutter/devtools

ANSI colors on DevTools log

Open
#9,521 1 comment 0 reactions 0 assignees View on GitHub
bug P3 screen: logging
Dominant language
Dart
Stars
1.7k
Forks
404
Avg merge
6d 17h
Merged PRs (30d)
18

Description

This is my current log:

Image

This is how the log is displayed on DevTools:

Image

1) Notice that ANSI colors are (almost) correct rendered on the left panel, but:

a) It always assume black as the foreground color (so black background is invisible)
b) It has a larger font that the normal

2) The details panel doesn't support ANSI colors at all.

It would be nice if

a) All panels supports ANSI colors

or

b) All panels remove all kind of escape codes related to ANSI (so the log would show only plain text, filtering all `\x1B[.......m`)
___
**DevTools version**: 2.51.1
**IDE**: VSCode
**Connected Device**:
CPU / OS: x64 (64 bit) ios
Connected app type: Flutter native (debug build)
Dart Version: 3.10.0
Flutter Version: 3.38.1 / stable
Framework / Engine: b45fa18946 / b5990e5ccc

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the ANSI-colored output in the DevTools log and compare the main log panel with its details panel. Trace the log rendering entry point and verify that ANSI sequences are either rendered consistently in all panels or removed everywhere, including foreground and font handling.

Written by the indexing model from the issue text.

Assessment

Tech stack
dart, flutter
Domain
devtools
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.