# The best dark theme to be used for VsCode

**URL:** <https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377>\
**Category:** Python\
**Created:** [December 22, 2020, 12:42am UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377 "2020-12-22T00:42:27Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![rhadadi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/rhadadi/32/450_2.png) [@rhadadi](https://forum.codewithmosh.com/u/rhadadi)\
**Post date:** [December 22, 2020, 12:42am UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/1 "2020-12-22T00:42:27Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Megha](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/megha/32/1136_2.png) [@Megha](https://forum.codewithmosh.com/u/Megha)\
**Post date:** [December 22, 2020, 12:22pm UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/2 "2020-12-22T12:22:56Z")

</div>

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).

---

<div class="post-metadata">

**Author:** ![PoorScousertTommy8](https://avatars.discourse-cdn.com/v4/letter/p/e19adc/32.png) [@PoorScousertTommy8](https://forum.codewithmosh.com/u/PoorScousertTommy8)\
**Post date:** [December 28, 2020, 11:52am UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/3 "2020-12-28T11:52:52Z")

</div>

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:**

 ![screenshot-1](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/1X/84512a82ba19919e488f6733f8b80023a446667c.png)

---

<div class="post-metadata">

**Author:** ![PoorScousertTommy8](https://avatars.discourse-cdn.com/v4/letter/p/e19adc/32.png) [@PoorScousertTommy8](https://forum.codewithmosh.com/u/PoorScousertTommy8)\
**Post date:** [December 28, 2020, 11:53am UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/4 "2020-12-28T11:53:24Z")

</div>

**Mine 2:**

 ![screenshot-2](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/1X/cbc41f3f406520bd12915efba5e77f33db998c90.png)

---

<div class="post-metadata">

**Author:** ![PoorScousertTommy8](https://avatars.discourse-cdn.com/v4/letter/p/e19adc/32.png) [@PoorScousertTommy8](https://forum.codewithmosh.com/u/PoorScousertTommy8)\
**Post date:** [December 28, 2020, 11:54am UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/5 "2020-12-28T11:54:01Z")

</div>

**Mosh:**

 ![screenshot-3](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/1X/9533126b900cb5403731f8d7339a79d84e760c9c.jpeg)

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

---

<div class="post-metadata">

**Author:** ![j.Paul](https://avatars.discourse-cdn.com/v4/letter/j/e68b1a/32.png) [@j.Paul](https://forum.codewithmosh.com/u/j.Paul)\
**Post date:** [January 1, 2021, 9:03pm UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/6 "2021-01-01T21:03:31Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![rhadadi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/rhadadi/32/450_2.png) [@rhadadi](https://forum.codewithmosh.com/u/rhadadi)\
**Post date:** [January 2, 2021, 3:46am UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/7 "2021-01-02T03:46:35Z")

</div>

That is perfect, thanks!  
@PoorScousertTommy8  
@Megha

---

<div class="post-metadata">

**Author:** ![j.Paul](https://avatars.discourse-cdn.com/v4/letter/j/e68b1a/32.png) [@j.Paul](https://forum.codewithmosh.com/u/j.Paul)\
**Post date:** [January 3, 2021, 4:57pm UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/8 "2021-01-03T16:57:47Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Bryce](https://avatars.discourse-cdn.com/v4/letter/b/8edcca/32.png) [@Bryce](https://forum.codewithmosh.com/u/Bryce)\
**Post date:** [September 7, 2021, 7:11pm UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/9 "2021-09-07T19:11:31Z")

</div>

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! 🙂

---

<div class="post-metadata">

**Author:** ![ShanJifei](https://avatars.discourse-cdn.com/v4/letter/s/d78d45/32.png) [@ShanJifei](https://forum.codewithmosh.com/u/ShanJifei)\
**Post date:** [March 27, 2022, 9:11am UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/10 "2022-03-27T09:11:50Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![Muhammad](https://avatars.discourse-cdn.com/v4/letter/m/b487fb/32.png) [@Muhammad](https://forum.codewithmosh.com/u/Muhammad)\
**Post date:** [April 3, 2022, 11:55am UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/11 "2022-04-03T11:55:52Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![chris760](https://avatars.discourse-cdn.com/v4/letter/c/958977/32.png) [@chris760](https://forum.codewithmosh.com/u/chris760)\
**Post date:** [April 26, 2022, 12:11am UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/12 "2022-04-26T00:11:03Z")

</div>

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’

 ![image](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/8/8ee60da4aef1a6521ddee67e4c031c323ef036e7.png)

---

<div class="post-metadata">

**Author:** ![manan.sadana](https://avatars.discourse-cdn.com/v4/letter/m/e9bcb4/32.png) [@manan.sadana](https://forum.codewithmosh.com/u/manan.sadana)\
**Post date:** [May 16, 2023, 10:47am UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/13 "2023-05-16T10:47:29Z")

</div>

He posted this in a Tweet.

He is using Flate in his typescript video. Maybe that is the one you are looking for.

---

<div class="post-metadata">

**Author:** ![annadema](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/annadema/32/83_2.png) [@annadema](https://forum.codewithmosh.com/u/annadema)\
**Post date:** [June 9, 2023, 8:38pm UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/14 "2023-06-09T20:38:37Z")

</div>

Thank you for the information. I love this suit of themes. Thank you

---

<div class="post-metadata">

**Author:** ![mushfiq](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/mushfiq/32/5929_2.png) [@mushfiq](https://forum.codewithmosh.com/u/mushfiq)\
**Post date:** [August 12, 2023, 1:04am UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/15 "2023-08-12T01:04:06Z")

</div>

I am using learn with sumit theme. there has many other option to choose

 ![lws](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/c/c74be9dea358e126a09718bd01dca6d6c80671a7.png)

---

<div class="post-metadata">

**Author:** ![dharmtej\_0206](https://avatars.discourse-cdn.com/v4/letter/d/9f8e36/32.png) [@dharmtej\_0206](https://forum.codewithmosh.com/u/dharmtej_0206)\
**Post date:** [October 19, 2023, 4:57am UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/16 "2023-10-19T04:57:06Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![mushfiq](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/mushfiq/32/5929_2.png) [@mushfiq](https://forum.codewithmosh.com/u/mushfiq)\
**Post date:** [December 14, 2023, 12:04pm UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/17 "2023-12-14T12:04:26Z")

</div>

You have to change `file icon theme`

`Cmd+Shift+P`

then Type `file icon theme` then select which one you like

---

<div class="post-metadata">

**Author:** ![jinglebells](https://avatars.discourse-cdn.com/v4/letter/j/cdc98d/32.png) [@jinglebells](https://forum.codewithmosh.com/u/jinglebells)\
**Post date:** [March 3, 2024, 7:49am UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/18 "2024-03-03T07:49:50Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![RanaKabeer](https://avatars.discourse-cdn.com/v4/letter/r/ce7236/32.png) [@RanaKabeer](https://forum.codewithmosh.com/u/RanaKabeer)\
**Post date:** [August 2, 2024, 3:23am UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/19 "2024-08-02T03:23:34Z")

</div>

Mosh uses Dracula Official Theme for his Python Class.

---

<div class="post-metadata">

**Author:** ![fubuki](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/fubuki/32/8500_2.png) [@fubuki](https://forum.codewithmosh.com/u/fubuki)\
**Post date:** [August 4, 2024, 3:28pm UTC](https://forum.codewithmosh.com/t/the-best-dark-theme-to-be-used-for-vscode/1377/20 "2024-08-04T15:28:59Z")

</div>

Today i got to see this comment which was four years ago. the theme he is using is  
“Halcyon theme”