Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Tibia Dark-Soft Theme for VS CodeNew to Visual Studio Code? Get it now.
Tibia Dark-Soft Theme for VS Code

Tibia Dark-Soft Theme for VS Code

Medri

|
594 installs
| (2) | Free
Unveil a fresh look for your VS Code with the Tibia Dark-Soft Theme, meticulously crafted for an enhanced coding experience in popular frameworks and languages like Vue, React, Node, Laravel, PHP, and more. This theme offers a soft, dark palette that's easy on your eyes, making it a perfect choice f
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Tibia Dark-Soft Theme for Visual Studio Code

Dive into a unique coding ambiance with the Tibia Dark-Soft Theme for Visual Studio Code. This theme is inspired by the classic game Tibia, blending a dark and muted color palette with custom token colors to offer a visually soothing and distinctive coding environment.

Theme Preview

Features

  • Dark and Muted Color Palette: Experience a carefully curated color palette that's easy on the eyes, perfect for long coding sessions.
  • Custom Token Colors: Enjoy a unique syntax highlighting with custom token colors designed to enhance code readability and reduce visual fatigue.
  • Wide Language Support: Whether you're working with Vue, React, Node, Laravel, PHP, or diving into other languages, the Tibia Dark-Soft Theme got you covered.

Installation

  1. Launch Visual Studio Code.
  2. Navigate to the Extensions view by clicking on the square icon in the Activity Bar on the side of the window or use the keyboard shortcut Ctrl+Shift+X.
  3. In the Extensions view search bar, type Tibia Dark-Soft Theme and find it in the list, then click on the Install button.
  4. Once installed, navigate to Preferences > Color Theme, or use the keyboard shortcut Ctrl+K Ctrl+T, then select Tibia Dark-Soft Theme from the list.

Theme Colors & Token Colors

Discover the core colors that bring the Tibia Dark-Soft Theme to life:

{
  "editor.background": "#1c1920",
  "editor.foreground": "#D1C4E9",
  "activityBar.background": "#18141f",
  "statusBar.background": "#18141f",
  "sideBarTitle.foreground": "#f9dddd",
  ...
}

[
  {
    "name": "Comment",
    "scope": ["comment", "punctuation.definition.comment"],
    "settings": {
      "fontStyle": "italic",
      "foreground": "#757575"
    }
  },
  {
    "name": "Variables",
    "scope": ["variable", "string constant.other.placeholder"],
    "settings": {
      "foreground": "#b5a1db"
    }
  },
]

Contributing

Encountered a bug or have an idea for a new feature? We'd love to hear from you! Feel free to open an issue on GitHub.

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