Dart (flutter) VScode debug console syntax / expression coloring / highlighting

user_13432375 0
Viewed 305

Does anyone know how to color or highlight syntax or expressions in the debug console in dart (flutter) for VScode efficiently? Most of the code comes out blue, but for instance, I want to set regular print statements as a different color.

vscode-debugger dart visual-studio-code syntax colors
1 Answers

ANSI escape code can be used,

void main() {
  printWarning("Warning");
  printError("Error");
  printInfo("Info");
  printSuccess("Succes");
}

void printWarning(String text) {
  print('\x1B[33m$text\x1B[0m');
}

void printError(String text) {
  print('\x1B[31m$text\x1B[0m');
}

void printInfo(String text) {
  print('\x1B[34m$text\x1B[0m');
}

void printSuccess(String text) {
  print('\x1B[32m$text\x1B[0m');
}

The output is enter image description here

Meaning of ANSI escape code is

  • \x1B: ANSI escape sequence starting and ending marker
  • [31m: Escape sequence for red
  • [0m: Escape sequence for reset (stop making the text red)

For different colors:

Black:   \x1B[30m
Red:     \x1B[31m
Green:   \x1B[32m
Yellow:  \x1B[33m
Blue:    \x1B[34m
Magenta: \x1B[35m
Cyan:    \x1B[36m
White:   \x1B[37m
Reset:   \x1B[0m

For more reference refer https://stackoverflow.com/a/65622986/13431819

user_134318190
Related