Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Custom Sublime PanelsNew to Visual Studio Code? Get it now.
Custom Sublime Panels

Custom Sublime Panels

fadi-hajji1

|
3 installs
| (0) | Free
Premium glowing syntax theme featuring custom deep charcoal and pitch black workspace variants.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Custom Dark Charcoal Panels

A highly optimized dark color theme for Visual Studio Code. This theme delivers a premium coding experience by blending a rich, deep charcoal editor surface with custom deep navy panels, clean white text elements, and high-contrast, glowing syntax highlighting.

Designed for long coding sessions to reduce eye strain while maintaining structural readability.

Features

  • Deep Charcoal Workspace: An optimized #161616 background for the editor and sidebars to maximize focus.
  • Neon UI Accents: Vivid blue activity bars, badges, and active tab highlights (#03129b and #0077ff) to make navigation effortless.
  • Vibrant Syntax Color Scheme: High-contrast text colorization across JavaScript, Python, C#, C++, and HTML/CSS.
  • Clean Readability: Carefully calculated foreground balances to ensure your code stands out clearly without being overly blinding.

Screenshots

DropDown menu View

Custom dropdown menu preview showing the editor with a deep charcoal background and neon blue accents

Panels View

Custom black Panels theme preview showing the side panel and workspace layout with dark navy surfaces and high contrast UI

Installation

  1. Open Visual Studio Code.
  2. Go to the Extensions view (Ctrl+Shift+X or Cmd+Shift+X).
  3. Search for Custom Sublime Monokai Panels (or your custom display name).
  4. Click Install.
  5. Press Ctrl+K then Ctrl+T (or Cmd+K then Cmd+T on Mac) and select Custom Sublime Monokai from the menu.

Recommended Settings

For the absolute best visual experience, add the following snippet to your user settings.json file to enable smooth font rendering and clean indent guides:

{
  "editor.renderWhitespace": "selection",
  "editor.guides.indentation": true,
  "editor.guides.activeIndentation": true
}

new vscode border remover

{
 
		"surface.border": "#00000000",
    "modernPanel.border": "#00000000",
		"sash.hoverBorder": "#00000000",

}

License

This project is licensed under the MIT License - see the LICENSE file for details.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft