Modern Code Icons

Glassmorphism-inspired File Icon Themes for Visual Studio Code:

• Modern Code Icons — Glass (Subtle) → Apple-like, muted gradients, soft glow
• Modern Code Icons — Glass (Neon) → vibrant gradients, stronger glow, higher contrast

This extension is a File Icon Theme (declarative). VS Code reads a theme JSON file and maps file/folder associations to icons (SVG/PNG via iconPath). Source

Quick start

1. Install the extension
2. Open Command Palette → Preferences: File Icon Theme
3. Select one:
   • Modern Code Icons — Glass (Subtle)
   • Modern Code Icons — Glass (Neon)

Highlights (30 real features)

1. Two complete icon themes in one extension (Subtle + Neon)
2. Dark + Light variants for every supported icon
3. Default file icon fallback so every file always has an icon Source
4. Default folder + expanded folder icons Source
5. Folder semantics: distinct icons for open vs closed folders
6. Special folder icons (open/closed): src, test, .vscode, .github, config
7. Languages: Rust (.rs)
8. Languages: Go (.go)
9. Languages: Python (.py)
10. Languages: Java (.java + pom.xml)
11. Languages: Kotlin (.kt, .kts, build.gradle, build.gradle.kts)
12. Languages: Swift (.swift)
13. Languages: PHP (.php + composer.json)
14. Languages: SQL (.sql)
15. Infra: Docker (Dockerfile, docker-compose.yml|yaml, .dockerignore)
16. Infra: Terraform (.tf, .tfvars, .hcl)
17. Terraform precision: main.tf, variables.tf, outputs.tf
18. Docs: Markdown (.md, .mdx, README.md)
19. Config: .json, .yaml/.yml, .toml, .ini, .env
20. Filename-level matching for high precision (strongest match type) Source
21. Case-insensitive matching for file/folder associations (per VS Code rules) Source
22. No runtime code: no activation events, no performance overhead
23. No dependencies at runtime: just JSON + icons
24. Deterministic icon ID conventions (_file_*, _folder_*) to keep maintenance clean
25. Schema-linked theme JSON for editor validation & completion
26. Marketplace-safe extension icon: PNG (not SVG)
27. Small package size via .vscodeignore
28. Offline-friendly: installable via .vsix
29. MIT license + changelog
30. Includes Support guide (SUPPORT.md) and clear contribution expectations

Note: A single icon set can’t be both “more subtle” and “more neon” at the same time—so you get two selectable variants.

Supported types (detail)

Languages

• Rust: .rs
• Go: .go
• Python: .py
• Java: .java, pom.xml
• Kotlin: .kt, .kts, build.gradle, build.gradle.kts
• Swift: .swift
• PHP: .php, composer.json
• SQL: .sql

Infra / DevOps

• Docker: Dockerfile, docker-compose.yml, docker-compose.yaml, .dockerignore
• Terraform: .tf, .tfvars, .hcl, main.tf, variables.tf, outputs.tf

Docs + Config

• Markdown: .md, .mdx, README.md
• Config: .json, .jsonc, .yaml, .yml, .toml, .ini, .env

Project layout

fileicons/
  glass-subtle-icon-theme.json
  glass-neon-icon-theme.json
  icons/         # subtle assets
  icons-neon/    # neon assets
assets/
  marketplace-icon.png

Development

• Open the project folder in VS Code
• Press F5 to run an Extension Development Host
• Switch theme via Preferences: File Icon Theme

Packaging (VSIX)

npm i -g @vscode/vsce
vsce package

Install the .vsix:

• VS Code → Extensions → ... → Install from VSIX...

Publishing to the VS Code Marketplace

Publishing is done with vsce (VS Code Extension Manager). The official publishing guide explains publisher creation, PAT creation, and vsce commands. Source

Important publishing constraint: vsce won’t publish extensions that use SVG as the extension icon and has additional restrictions about untrusted SVGs in README/badges. Source

Steps

1. Install tooling

npm i -g @vscode/vsce

2. Create an Azure DevOps Personal Access Token (PAT) with Marketplace (Manage) scope. Source

3. Create a publisher

• Go to https://marketplace.visualstudio.com/manage
• Create publisher ID (this becomes your publisher value)

4. Update package.json

• Set "publisher": "<your-publisher-id>"

5. Login and publish

vsce login <your-publisher-id>
vsce publish

License

MIT