← All extensions

Spinel Theme

v0.1.0 · by Aidan Lavis · added 3 November 2026

Theme for Zed, inspired by Shopify's Spinel theme for VSCode

Themes
Install in Forge SuperView the source

How to install

With Forge Super installed, the button above opens the app on this extension, where you press Install. Nothing is installed until you do.

You can also open the Extensions panel in the app and search for Spinel Theme. The extension's id is spinel-theme.

Don't have Forge Super yet? Download it here.

README

From the extension's repository, written by its authors and not by Mentenaz. See the source.

Spinel for Zed

This repository contains a Spinel-inspired theme family for Zed, originally derived from Shopify's Spinel theme and tuned for readability in Zed.

Included themes

  • Spinel Dark
  • Spinel Light

Screenshots

Spinel Dark

Spinel Dark

Spinel Light

Spinel Light

These themes are defined in:

  • themes/spinel.json

Recommended setup

For the best Ruby highlighting experience in Zed, use:

  1. the official Ruby extension
  2. ruby-lsp
  3. semantic tokens enabled (either globally or at least for Ruby)
  4. the Spinel theme from this repository
  5. custom semantic token rules

For example:

{
  "theme": {
    "mode": "system",
    "light": "Spinel Light",
    "dark": "Spinel Dark"
  },
  "semantic_tokens": "combined",
  "languages": {
    "Ruby": {
      // If you prefer Ruby-only semantic tokens, remove the global setting
      // above and uncomment the next line:
      // "semantic_tokens": "combined",
      "language_servers": ["ruby-lsp", "!solargraph", "!rubocop", "..."]
    }
  },
  "global_lsp_settings": {
    "semantic_token_rules": [
      // ---------------------------------------------------------------------
      // This prevents parameters from being coerced into variables.
      {
        "token_type": "parameter",
        "style": ["parameter", "variable.parameter", "variable"]
      },
      // ---------------------------------------------------------------------

      // ---------------------------------------------------------------------
      // This makes readonly variables appear differently from mutable
      // variables.
      {
        "token_type": "variable",
        "token_modifiers": ["readonly"],
        "style": ["label", "variable"]
      },
      // ---------------------------------------------------------------------

      // ---------------------------------------------------------------------
      // This makes builtins like `self` in Ruby look distinct from variables.
      {
        "token_type": "variable",
        "token_modifiers": ["default_library"],
        "style": ["constant.builtin", "variable.special", "variable.builtin"]
      }
      // ---------------------------------------------------------------------
    ]
  }
}

Credits

This theme is originally derived from Shopify's Spinel theme in vscode-shopify-ruby, with substantial Zed-specific tuning.

Theme source: https://github.com/Shopify/vscode-shopify-ruby/tree/main/themes