Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] Dark theme changes color #335

Open
zs-dima opened this issue Nov 30, 2022 · 11 comments
Open

[BUG] Dark theme changes color #335

zs-dima opened this issue Nov 30, 2022 · 11 comments

Comments

@zs-dima
Copy link

zs-dima commented Nov 30, 2022

This issue had been already described, but wrongly closed #183

Reproduced for Dart and Flutter code highlighting.

Turning off Semantic highlighting will disable very useful highlighting features, that make code badly readable.

When using your dark theme with dart or flutter in VSCode, it originally looks like this
image

but then after a minute switches to this:
image

@zs-dima zs-dima changed the title [BUG] Flutter: Dark theme changes color [BUG] Dark theme changes color Dec 1, 2022
@simurai
Copy link
Contributor

simurai commented Jan 3, 2023

I can't really reproduce this. 🤔 Here the steps I took:

  1. Open a new file
  2. Paste the below sample code
  3. Safe as dart.dart
  4. Toggle the theme's semanticHighlighting
class _InspectionResultState extends State<InspectionResult> {
  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      child: Card()
    )
  }
}
semanticHighlighting: true semanticHighlighting: false
Screen Shot 2023-01-03 at 11 37 03 Screen Shot 2023-01-03 at 11 37 30

Not noticing a difference. Is there another (dart) extension that needs to be installed?

@zs-dima
Copy link
Author

zs-dima commented Jan 3, 2023

@simurai
0.1. Install Flutter and Dart VSCode plugins
0.2. Install GitHub theme VSCode plugin
0.3. Select GitHub theme for the VSCode

@simurai
Copy link
Contributor

simurai commented Jan 17, 2023

Hmm.. installed Flutter and Dart, but still can't see a difference:

semanticHighlighting: true semanticHighlighting: false
true false

@zs-dima
Copy link
Author

zs-dima commented Jan 17, 2023

@simurai
Just tested with the latest 'Visual Studio Code - Insiders' and the latest GitHub theme plugin, Flutter and Dart plugins are the latest as well.
Default VSCode theme:
df

GitHub theme - recommended - 'GitHub Dark colorblind':
gh

@simurai
Copy link
Contributor

simurai commented Jan 23, 2023

'GitHub Dark colorblind':

Hmm... weird. Still can't reproduce with GitHub Dark Colorblind (Beta):

Screen Shot 2023-01-23 at 19 33 09

@zs-dima
Copy link
Author

zs-dima commented Jan 23, 2023

@simurai thanks a lot for the answer.
Could I kindly ask you to check it on Windows 11 or Windows 10 ?
I reproduced this issue on Windows 11

@amirsoroush
Copy link

Hi, I want to share mine as well. Looks like magic/special methods are rendered in a different color. I first thought this comes from "Pylance" extension but disabled it and the problem still exists.

Language: Python
OS: Pop!_OS 22.04 LTS x86_64
VSCode: 1.77.0
GitHub Theme: v6.3.4
Theme: "GitHub Dark Dimmed"

Photo from GitHub website:

image

Photo from VSCode:

image

And yes I tried turning off semantic highlighting, but no soccess.

"editor.semanticHighlighting.enabled": false,

Thanks.

@zs-dima
Copy link
Author

zs-dima commented Nov 30, 2023

Any updates are welcome

'GitHub Dark default' theme has the same issue

@hawkkiller
Copy link

Facing the same problem with github themes.

@zs-dima
Copy link
Author

zs-dima commented Dec 1, 2023

I mentioned #192 issue already - it was reproduced by many users but closed without any fixes.

@rukasudev
Copy link

Guys, I think I found the solution. In my case, vscode updated to the January 2024 version (1.86). I downgraded to version 1.85.1 and the colors were fixed 🎉

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants