Skip to content

README.md

Latest commit

 

History

History
121 lines (95 loc) · 6.12 KB

README.md

File metadata and controls

121 lines (95 loc) · 6.12 KB
Raw

Pop N' Lock Theme for Zed

A vibrant dark theme for Zed, ported from the popular Pop N' Lock Theme by Luxcium for VS Code.

Dark Theme Zed Compatible License: MIT

Overview

Pop N' Lock is a perfectly balanced dark theme built around deep indigo backgrounds with vivid, carefully chosen accent colors. Originally designed as a TypeScript-first VS Code theme with broad language support, this Zed port faithfully translates its signature look and feel.

Color Palette

Role Color Hex
Background #20213B #20213B
Foreground #D2C8BE #D2C8BE
Keywords #f42c3e #f42c3e
Functions #FFCC44 #FFCC44
Strings #b8bb26 #b8bb26
Variables #AADDEE #AADDEE
Methods #7ec16e #7ec16e
Operators #44BB99 #44BB99
Properties #55BBFF #55BBFF
Numbers #EE6677 #EE6677
Constants #d3869b #d3869b
Comments #506899 #506899
Tags #fabe2f #fabe2f
Types #FFCC44 #FFCC44
Accent (Teal) #3399CC #3399CC
Border #661177 #661177

Installation

From the Zed Extension Marketplace

  1. Open Zed
  2. Open the Extensions panel (Cmd+Shift+X on macOS / Ctrl+Shift+X on Linux)
  3. Search for Pop N' Lock
  4. Click Install

As a Dev Extension

  1. Clone this repository: 
    git clone https://github.com/JosephScript/pop-n-lock-theme-zed.git
  2. In Zed, open the Extensions panel
  3. Click Install Dev Extension
  4. Select the cloned directory

Manual Installation

  1. Copy themes/pop-n-lock.json to ~/.config/zed/themes/
  2. Open your Zed settings and set the theme: 
    {
  "theme": {
    "mode": "dark",
    "dark": "Pop N' Lock"
  }
}

Features

  • Deep indigo backgrounds — a family of blue-purple-navy tones (#1C1C2E, #1D1C2F, #20213B) provide depth and hierarchy across the UI
  • Warm parchment text — #D2C8BE foreground avoids harsh white while remaining easy to read
  • Vivid syntax accents — gold functions, red keywords, green strings, and teal operators create clear visual separation
  • Italic comments — comments are rendered in a muted blue-gray italic for a subtle, literary feel
  • Rich terminal colors — hand-picked ANSI palette with warm, earthy tones
  • Full UI theming — status bar, panels, tabs, scrollbars, search highlights, version control indicators, and diagnostics are all themed
  • 8 collaboration cursors — distinct colors for multiplayer editing sessions

Syntax Highlights at a Glance

Element Color Style
Keywords #f42c3e —
Functions #FFCC44 —
Methods #7ec16e —
Variables #AADDEE —
Properties #55BBFF —
Strings #b8bb26 —
String escapes #f42c3e —
Regex #fe8019 —
Numbers #EE6677 —
Constants #d3869b —
Booleans #d3869b bold italic
Operators #44BB99 —
Types #FFCC44 —
Enums / Titles #C8C3C7 bold
Tags (HTML/JSX) #fabe2f —
Attributes #7ec16e —
Comments #506899 italic
Doc comments #5B6A88 italic
Punctuation #ebdbb2 —
Brackets #d5c4a1 —

Credits

This theme is a port of the Pop N' Lock Theme by Luxcium for Visual Studio Code, originally created by Benjamin Vincent Kasapoglu (Luxcium). The original theme is licensed under the MIT License.

Ported and adapted for Zed by Joseph Szczesniak.

Contributing

Contributions are welcome! If you notice any colors that look off for a specific language or have suggestions for improvements:

  1. Fork this repository
  2. Create a feature branch (git checkout -b fix/rust-colors)
  3. Make your changes to themes/pop-n-lock.json
  4. Test locally by installing as a dev extension in Zed
  5. Submit a pull request

License

This project is licensed under the MIT License.

The original Pop N' Lock VS Code theme is © 2018–2020 Benjamin Vincent Kasapoglu (Luxcium), also under the MIT License.