question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

improve Dart/Flutter highlighting

See original GitHub issue

I want local variables (like authResult) to be amber and class members (like _auth) to be deep orange, as in Android Studio: image Current VS Code highlighting. All variables are boring white: image

Also, grey background is too bright. I found dark navy background is more pleasant to eye. Maybe something like these:

    "workbench.colorCustomizations": {
        "[One Dark Pro]": {
            "editor.background": "#191a20",    
            "editor.lineHighlightBackground": "#22232b",
            "editor.selectionBackground": "#363844",                                         
        }
    },

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:1
  • Comments:24 (12 by maintainers)

github_iconTop GitHub Comments

1reaction
Binaryifycommented, Apr 5, 2021

you can set these in your setting.json to check the effect(need reload when first set)

"editor.semanticTokenColorCustomizations": {
    "rules": {
      "variable:dart":{
        "foreground": "#D19A66"
      },
      "property:dart":{
        "foreground": "#D19A66"
      },
      "annotation:dart":{
        "foreground": "#D19A66"
      },
      "parameter:dart":{
        // "foreground": "#abb2bf"
      },
    }
  },
  "editor.semanticHighlighting.enabled": true,
  "dart.previewLsp": true,

and use this the check the code’s scope image

0reactions
tusharsadhwanicommented, Apr 15, 2021

also @Binaryify i’d suggest going back to red for dart instead of amber, half the file looks yellow/orange now

image

Read more comments on GitHub >

github_iconTop Results From Across the Web

Flutter / Dart syntax highlighting is not working - Stack Overflow
The syntax of the dartcode in my flutter project is no longer being highlighted and cannot click the declarations or do autocomplete of...
Read more >
Dart / Flutter support in Kate
To my surprise Kate didn't support Dart at all, there was no syntax-highlighting, no anything, not even Dart file detection.
Read more >
Recommended Settings - Dart Code - Dart & Flutter support ...
... to change from the defaults for a better experience editing Flutter code. ... interfering // with Dart's ability to highlight only exact...
Read more >
Effective Dart: Documentation
You can use a block comment ( /* ... */ ) to temporarily comment out a section of code, but all other comments...
Read more >
Highlighting | Algolia for Flutter
A great search interface highlights parts of the search results to explain why they're relevant to the user. With Flutter Helper ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found