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).
3 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:
3 Likes
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! 
2 Likes
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’
He posted this in a Tweet.
He is using Flate in his typescript video. Maybe that is the one you are looking for.
1 Like
Thank you for the information. I love this suit of themes. Thank you
well I did install ayu theme but the icons have not changed I am using mac by the way and his font too seems bolder than mine can anyone help me?
You have to change file icon theme
Cmd+Shift+P
then Type file icon theme then select which one you like
You can use a theme that looks almost alike mac’s ayu mirage: its called smoothity dark. search it up on the marketplace and youre good to go
Mosh uses Dracula Official Theme for his Python Class.
Today i got to see this comment which was four years ago. the theme he is using is
“Halcyon theme”