JewelryUI

A VS Code extension with two handcrafted dark themes — rich, deep colors precisely cut like a gem.

---

Themes

💎 Jewelry

Inspired by Obsidian's default dark palette. Warm purples, soft blues and greens on a deep dark background — like looking at gemstones under a jeweler's loupe.

🌊 Ocean Jewelry

A deep-sea dark theme. Cool ice blues and bioluminescent greens contrasted with warm coral reds and amber — like precious stones discovered on the ocean floor.

---

Screenshots

💎 Jewelry

🌊 Ocean Jewelry

---

Color Palettes

💎 Jewelry

Token	Color	Preview
Keywords / storage	#cba6f7	🟣 Mauve
Functions / methods	#89b4fa	🔵 Blue
Strings	#a6e3a1	🟢 Green
Classes / structs	#f9e2af	🟡 Yellow
Type annotations	#94e2d5	🩵 Teal
Interfaces	#74c7ec	🩵 Sky
Numbers / booleans	#fab387	🟠 Peach
Properties	#89dceb	🩵 Cyan
Parameters	#f2cdcd	🌸 Flamingo
this / self	#f38ba8	🔴 Red
Decorators / macros	#f5c2e7	🩷 Pink
Comments	#6c7086	⬜ Overlay
Errors	#f38ba8	🔴 Red

🌊 Ocean Jewelry

Token	Color	Preview
Keywords / storage	#ff7b72	🔴 Coral
Functions / methods	#79c0ff	🔵 Ice Blue
Strings	#56d364	🟢 Bio Green
Classes / structs	#ffa657	🟠 Amber
Type annotations	#39d4c5	🩵 Teal
Interfaces	#79c0ff	🔵 Ice Blue
Numbers / booleans	#f0883e	🟠 Orange
Properties	#39d4c5	🩵 Teal
Parameters	#cae8ff	🩵 Pale Blue
this / self	#ff9bce	🩷 Pink
Decorators / macros	#ff9bce	🩷 Pink
Comments	#8b949e	⬜ Light Grey
Errors	#ff7b72	🔴 Coral

---

Language Support

Language	Highlights
Python	Decorators, f-strings, dataclasses, dunder methods
TypeScript	Interfaces, generics, enums, decorators
JavaScript	Template literals, destructuring, async/await
Java	Annotations, generics, package declarations
C	Preprocessor directives, pointers, macros
C++	Templates, namespaces, smart pointers, lambdas
Rust	Lifetimes, traits, macros, enums, pattern matching
HTML	Tags, attributes, JSX/TSX components
CSS	Selectors, variables, at-rules, pseudo-classes
XML	Tags, attributes, namespaces, CDATA, entity refs
YAML	Keys, anchors, aliases, scalars
TOML	Tables, keys, datetimes, inline tables
Bash	Variables, heredocs, flags, built-ins
Dockerfile	Instructions, ARG/ENV, multi-stage builds
Docker Compose	Services, volumes, networks, anchors
Gherkin	Keywords, tags, data tables, docstrings, parameters
INI	Section headers, keys, values, numbers, booleans, comments

XML Highlights

Both themes provide full XML tokenization including:

• Tag names and punctuation (<, >, </, />)
• Attribute names and values
• Namespace prefixes and URIs (xmlns:xsi, xsi:schemaLocation)
• Entity references (&, <, >)
• CDATA blocks (<![CDATA[ ... ]]>)
• DOCTYPE declarations
• Processing instructions (<?xml ... ?>)

Token	Jewelry	Ocean Jewelry
Tag names	#f38ba8 🔴	#ff7b72 🔴
Tag punctuation (< > />)	#9399b2 ⬜	#39d4c5 🩵
Attribute names	#89b4fa 🔵	#79c0ff 🔵
Attribute values	#a6e3a1 🟢	#56d364 🟢
Namespace prefix	#f9e2af 🟡	#ffa657 🟠
Entity references	#fab387 🟠	#f0883e 🟠
CDATA blocks	#6c7086 ⬜	#39d4c5 🩵
Processing instructions	#f5c2e7 🩷	#ff9bce 🩷

---

Gherkin Highlights

Both themes support .feature files with full Gherkin tokenization:

Token	Jewelry	Ocean Jewelry
Keywords (Feature, Scenario…)	#cba6f7 🟣 bold	#ff7b72 🔴 bold
Scenario / feature title	#f9e2af 🟡	#ffa657 🟠
Step text	#cdd6f4 ⬜	#cae8ff 🩵
Parameters (<value>)	#f2cdcd 🌸	#cae8ff 🩵
Tags (@tag)	#f5c2e7 🩷	#ff9bce 🩷
Data table pipe (|)	#9399b2 ⬜	#8b949e ⬜
Data table cell	#a6e3a1 🟢	#56d364 🟢
Docstrings	#a6e3a1 🟢	#56d364 🟢
Examples keyword	#89b4fa 🔵 bold	#79c0ff 🔵 bold
Comments	#6c7086 ⬜ italic	#8b949e ⬜ italic

Requires the Cucumber (Gherkin) Full Support or Gherkin VS Code extension for syntax tokenization.

---

Terminal Colors

Both themes include a full integrated terminal palette — works on Windows, Linux and macOS.

💎 Jewelry

Color	Normal	Bright
Black	#45475a	#585b70
Red	#f38ba8	#f38ba8
Green	#a6e3a1	#a6e3a1
Yellow	#f9e2af	#f9e2af
Blue	#89b4fa	#89b4fa
Magenta	#cba6f7	#cba6f7
Cyan	#94e2d5	#94e2d5
White	#bac2de	#cdd6f4

• Background: #1e1e2e · Foreground: #cdd6f4 · Cursor: #f5c2e7

🌊 Ocean Jewelry

Color	Normal	Bright
Black	#21262d	#484f58
Red	#ff7b72	#ff7b72
Green	#56d364	#56d364
Yellow	#ffa657	#f0883e
Blue	#79c0ff	#79c0ff
Magenta	#ff9bce	#ff9bce
Cyan	#39d4c5	#39d4c5
White	#cae8ff	#ffffff

• Background: #0d1117 · Foreground: #cae8ff · Cursor: #ff9bce

---

INI Highlights

Both themes support .ini / .cfg / .conf files:

Token	Jewelry	Ocean Jewelry
[section] header	#f9e2af 🟡 bold	#ffa657 🟠 bold
Key name	#89b4fa 🔵	#79c0ff 🔵
String value	#a6e3a1 🟢	#56d364 🟢
Comment (# ;)	#6c7086 ⬜ italic	#8b949e ⬜ italic

Numbers and booleans use the global theme colors.

---

Editor Defaults

Both themes ship with sensible editor defaults:

• Tree indent: 20px with always-visible guides
• Tab height: compact
• Auto save: after 5s delay
• Mouse wheel zoom: enabled
• Bracket pair colorization: independent per bracket type
• TypeScript / JavaScript auto-imports and suggestions: enabled
• Comments font style: normal (not italic)

These are defaults only — your own settings.json values always take priority.

---

Requirements

JewelryUI provides syntax coloring on top of VS Code's language tokenizers. For the best experience, make sure you have the relevant language extensions installed:

Python, Java, C, C++, Rust, TOML, XML, YAML, Docker, Docker Compose and Gherkin require a language extension to be installed in VS Code for syntax tokenization to work.

JavaScript, TypeScript, HTML, CSS, Bash and JSON are supported out of the box by VS Code — no extra extension needed.

---

Installation

Search JewelryUI in the VS Code Extensions panel, or:

code --install-extension Akop4.jewelryui

Then Ctrl+Shift+P → Preferences: Color Theme → choose Jewelry or Ocean Jewelry.

---

Feedback & Issues

Found a color that looks off? Open an issue at github.com/Akopov4/jewerly_ui/issues and include:

• The language / file type
• The token name (use Developer: Inspect Editor Tokens and Scopes)
• A screenshot if possible

---

License

MIT © 2026 Akop4