Enhance Your Coding Experience with YivColor

Header Image

YivColor is a Visual Studio Code extension that displays color previews directly within your code, making it easier to work with color codes across various programming languages.

Key Features

  • Multi-Format Color Previews: YivColor supports a variety of color formats, including Hex (#ffffff, #fff), RGB (rgb(255, 255, 255)), RGBA (rgba(255, 255, 255, 0.5)), and HSL (hsl(360, 100%, 100%)). It automatically detects and displays color previews next to valid color codes in your code. Learn more on the Marketplace
  • Wide Language Support: By default, YivColor works with several programming languages such as Python, Java, C, C++, Go, Rust, PHP, Shell Scripts, YAML, XML, SQL, and TOML. Explore language support
  • Real-Time Updates: As you type, YivColor updates color previews in real-time, providing immediate visual feedback and enhancing your coding efficiency.

Getting Started

Installation

To install YivColor in Visual Studio Code:

  • From Visual Studio Code: Open VS Code Quick Open (Ctrl+P), paste the following command, and press Enter: ext install Yivani.yivcolor
  • Alternatively, search for "YivColor" in the Extensions view (Ctrl+Shift+X) and click "Install".
  • From the Visual Studio Marketplace: Visit the YivColor extension page and click "Install" to add it directly to your VS Code setup.

Configuration

To customize the file types YivColor supports:

  • Open VS Code Settings.
  • Search for "YivColor".
  • Edit the "YivColor: Supported File Types" setting.
  • Add your desired file extensions (without the dot, e.g., 'py' for Python files).

Upcoming Features

  • Interactivity: Plans are underway to make color previews clickable, allowing for quick edits.
  • Color Palette Integration: Future updates aim to incorporate a color palette for easier color selection and customization.

Comments