Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>D2T Colorful ThemeNew to Visual Studio Code? Get it now.
D2T Colorful Theme

D2T Colorful Theme

dthanhtoan

|
1,678 installs
| (2) | Free
🌈 D2T Colorful theme for Visual Studio Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Logo

D2T Colorful Theme for Visual Studio Code


image-1


image-2

Recomment Setting

I. Setting

{
  "workbench.editor.wrapTabs": true,
  "editor.stickyScroll.enabled": true,
  "editor.cursorSmoothCaretAnimation": true,
  "editor.fontSize": 16,
  "editor.lineHeight": 35,
  "editor.letterSpacing": 0.5,
}

II. Font

Overpass Mono

Download font Overpass Mono

JetBrains Mono

Download font JetBrains Mono

III. Custom CSS

  1. Install this theme

  2. Install Custom CSS and JS Loader VS Code extension

  3. Link the CSS file from this extension in your VS Code settings.json:

    On Mac:
    {
    "vscode_custom_css.imports": [
        file:///Users/{your username}/.vscode/extensions/dthanhtoan.d2t-colorful-theme-0.4.0/customColor.css"
    ]
    }
    
    On Windows:
    {
    "vscode_custom_css.imports": [
        "file:///C:/Users/{your username}/.vscode/extensions/dthanhtoan.d2t-colorful-theme-0.4.0/customColor.css"
    ]
    }
    
    On Linux:
    {
    "vscode_custom_css.imports": [
        "file:///home/{your username}/.vscode/extensions/dthanhtoan.d2t-colorful-theme-0.4.0/customColor.css"
    ]
    }
    
  4. From the command panel, select Reload Custom CSS and JS. You'll need to run this command every time vscode updates.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft