bwya77/vscode-dark-islands

★ 8,488PowerShellAudience · developerComplexity · 1/5Setup · moderate

Mindmap

mindmap
  root((vscode-dark-islands))
    Appearance
      Deep dark colors
      Rounded corners
      Glass-border panels
      Smooth animations
    Fonts
      IBM Plex Mono
      FiraCode Nerd Font
      Bear Sans UI
    Install
      One-line script
      Manual steps
      Nix flake option
    Languages
      JavaScript
      Python
      Rust
      HTML

mindmap root((vscode-dark-islands)) Appearance Deep dark colors Rounded corners Glass-border panels Smooth animations Fonts IBM Plex Mono FiraCode Nerd Font Bear Sans UI Install One-line script Manual steps Nix flake option Languages JavaScript Python Rust HTML

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Apply a dark polished theme to VS Code with rounded corners and glass-panel effects

USE CASE 2

Set up IBM Plex Mono and FiraCode fonts in VS Code alongside the Islands Dark theme

USE CASE 3

Use a one-command install script on macOS, Linux, or Windows to configure the full theme and fonts automatically

Tech stack

PowerShellCSSVisual Studio Code

Getting it running

Difficulty · moderate Time to first run · 30min

Requires the Custom UI Style extension and three separate fonts, VS Code shows a corrupted installation warning that must be dismissed.

No explicit license stated in the repository.

In plain English

Islands Dark is a color theme for Visual Studio Code, the popular code editor. It gives the editor a deep dark look inspired by a design concept called easemate, with visual details borrowed from the JetBrains Islands theme. The goal is to make the editor feel more like a modern, polished desktop application with floating glass-like panels, rounded corners on every panel and dialog, and smooth hover animations throughout the interface. The theme has two parts working together. The first is a standard VS Code color theme that controls syntax highlighting colors for code in languages like JavaScript, TypeScript, Python, Go, Rust, HTML, and others. The second part is a set of CSS customizations that change the actual shape and appearance of the editor's panels, sidebars, tabs, scrollbars, and notifications, giving them rounded corners and a glass-border effect that the standard VS Code theming system does not support on its own. This second part requires a separate extension called Custom UI Style to inject those CSS changes. Installation can be done with a single command in your terminal for macOS, Linux, or Windows. The script installs the theme, the Custom UI Style extension, the recommended fonts, backs up your existing settings, and applies the new ones automatically. A manual installation path is also documented for those who prefer step-by-step control. There is also a Nix flake option for users on NixOS or Home Manager that bundles everything including fonts. Two fonts are used: IBM Plex Mono for the code editor area and FiraCode Nerd Font Mono for the terminal. A third font called Bear Sans UI is included in the repository and used for the sidebar, tabs, and status bar. All three need to be installed separately from the theme itself, though the install script reminds you. After enabling the Custom UI Style extension, VS Code may show a warning about a corrupted installation. This is expected behavior because the extension injects CSS directly into the editor, and the README instructs users to dismiss that warning.

Copy-paste prompts

Prompt 1

How do I install the Islands Dark VS Code theme using the one-line terminal command on macOS?

Prompt 2

Help me manually configure VS Code settings to enable the Custom UI Style extension for rounded panels after installing Islands Dark

Prompt 3

What VS Code settings do I need to set IBM Plex Mono as my editor font and FiraCode Nerd Font for the terminal after installing Islands Dark?

Open on GitHub → Explain another repo

← bwya77 on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.