Tomato CSS VS Code Extension v1.0.0

Tomato CSS - v1.0.0

🍅 First release of the Tomato CSS VS Code Extension!

Features

• ✅ Syntax Highlighting for .tom files
• ✅ File Icons with tomato icon theme
• ✅ Error Detection and diagnostics
  • Typo detection with suggestions
  • Invalid color shades warnings
  • Undefined component errors
  • Duplicate property hints
  • Unused component warnings
• ✅ IntelliSense with autocomplete for:
  • Tomato CSS properties
  • Tailwind colors with shades
  • Defined components
  • Pseudo-classes
  • Media queries

Installation

Option 1: Download VSIX (Recommended)

1. Download tomato-css-1.0.0.vsix from the Assets below
2. Open VS Code
3. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
4. Click the ... menu → "Install from VSIX..."
5. Select the downloaded file

Option 2: Command Line

code --install-extension tomato-css-1.0.0.vsix

What's Included

• Syntax highlighting for Tomato CSS
• Smart error detection and typo suggestions
• Component autocomplete
• Color validation
• And much more!

---

NPM Package: @srivtx/tomato-css
Documentation: GitHub Repository