📌 Line Overflow Highlighter

Highlights lines that exceed a configurable character limit by applying a background color to the overflow portion.

🚀 Features

• Automatically highlights text beyond the configured line length limit

• Works on all open editors

• Live updates when you edit text

• Configurable:

  • Line length limit
  • Highlight color
  • File include patterns

🛠️ How It Works

When a line exceeds the configured character limit, the extension highlights the portion after the limit. You can restrict highlighting to specific file types using glob patterns.

📥 Installation

Install from the VS Code Marketplace or use a .vsix file:

From Marketplace

1. Open Extensions
2. Search for Line Overflow Highlighter
3. Click Install

From .vsix

1. Download the .vsix file
2. Open Extensions
3. Click ... → Install from VSIX...
4. Select the file

⚙️ Settings

You can configure the extension in your settings:

lineOverflowHighlighter.limit

Maximum number of characters allowed per line.

• Default: 120
• Type: number

lineOverflowHighlighter.color

Highlight color for overflow text.

• Default: rgba(255, 0, 0, 0.3)
• Type: string

lineOverflowHighlighter.includePatterns

Glob patterns specifying which files should be highlighted. When empty, all files are highlighted.

• Default: ["**/*.ts", "**/*.cs"] (all files)
• Type: string[]

Example:

{
  "lineOverflowHighlighter.limit": 80,
  "lineOverflowHighlighter.color": "rgba(255, 200, 0, 0.3)",
  "lineOverflowHighlighter.includePatterns": ["**/*.ts", "**/*.cs"]
}

📌 Example

With limit set to 80, this line:

This is a very long line that will be highlighted after the 80 character limit.

The portion beyond 80 characters will be highlighted.

🧩 Contributing

Contributions are welcome!

1. Fork the repo
2. Create a new branch
3. Submit a pull request

📝 License

MIT License