The best dark theme to be used for VsCode

Hi there–what VsCode mosh is using for his Python class? I tried various dark themes and none are similar to what he has used in his videos.

1 Like

Mosh uses Ayu Mirage. He uses it on Mac, if you use it on Windows it’s totally different. If you are a Windows user I would suggest you use to Ayu One Dark (I use it).

2 Likes

But there is a difference between Mosh’s Ayu theme and the official Ayu theme?
(look at the keyword “console”), same for classes and so on …

Mine:

2 Likes

Mine 2:

1 Like

Mosh:

(sorry for the multiposts, can’t insert 3 pictures in one reply)

I have the same issue. I tried all previous versions for Ayu Theme back to 2018. None would show “console” in blue.

2 Likes

That is perfect, thanks!
@PoorScousertTommy8
@Megha

1 Like

In case you really like that color pallet used by Mosh (like me) - Here is how I ended up with my VSCode settings -

In VSCode I adopted Ayu (Mirage) version 14.0 - that is the version I saw in one of Mosh’s intro JavaScript lectures on how to setup VSCode. This version of Ayu has pretty much all colors the same as we see on Mosh’s JavaScript course, except for objects e.g. “console”.

Finally I edited the theme environment ayu-mirage.json file in VSCode (path on a Mac is ~/.vscode/extensions/teabyii.ayu-0.14.0/assets). I added the following lines


“tokenColors”: [
{
“settings”: {
“foreground”: “#d9d7ceff”,
“background”: “#212733ff
}
},
{
"scope": [
"variable.other.object.js"
],
"settings": {
"foreground": "#5ccfe6"
}
},
{
“name”: “Comments”,
“scope”: “comment, punctuation.definition.comment”,
“settings”: {
“foreground”: “#5C6773
}
},

This will make all objects in JS blue.

I hope that helps.

2 Likes

If somebody is still interested… Set the color theme to Ayu Mirage and copy this to settings.json:

{

"workbench.colorCustomizations": {
    "[Ayu Mirage]": {
        "sideBar.background": "#1C222C",
        "progressBar.background": "#1C222C",
        "editor.background": "#1C222C",
        "editor.selectionBackground": "#2B3944",
        "editor.selectionHighlightBackground": "#2B3944"
    }
},

"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": [
                "punctuation.accessor.js",
                "punctuation.separator.key-value.js",
                "punctuation.terminator.statement.js"
                ],
                "settings": {
                "foreground": "#CCCAC2",
                }
        },
        {
            "scope": [
                "entity.name.type.class"
                ],
                "settings": {
                "foreground": "#FFD173",
                }
        },
        {
            "scope": [
                "keyword.operator"
                ],
                "settings": {
                "foreground": "#FFAD66",
                }
        }
    ]
},

"editor.semanticTokenColorCustomizations": {
    "enabled": true,
    "rules": {
      "variable.defaultLibrary": "#5ccfe6",
    }
},

}

You’re welcome! :slight_smile:

1 Like

Thank you for your answer!
No wonder I can’t set same theme like Mosh in win10.
Ayu bordered is most comfortable color theme for me!

Hello friend
Please which book should get for further research in order to expand my understanding, especially the one that Mr. Mosh using

I realize this is an old thread but the most closely matching one on windows (not sure if it looks the same on mac) is ‘Dracula’