Spinel Theme — ZedExt

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 Light

These themes are defined in:

themes/spinel.json

Recommended setup

For the best Ruby highlighting experience in Zed, use:

the official Ruby extension
ruby-lsp
semantic tokens enabled (either globally or at least for Ruby)
the Spinel theme from this repository
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