catppuccin / catppuccin/vscode

Distinct color highlighting for SQL `table.column` notation

Open
#634 1 comment 1 reaction 0 assignees View on GitHub
Dominant language
TypeScript
Stars
2.3k
Forks
85
PR merge metrics
No merged PRs in 30d

Description

Currently, Catppuccin does not apply distinct colors to the two parts of the `table.column` syntax in SQL files. Both the table name and the column name are rendered in the same color, making it harder to visually distinguish them at a glance.

Other themes like "Monokai", "Monokai Dimmed", do differentiate these tokens, typically by coloring the table name and the column name differently — for example, one color for the qualifier (`table`) and another for the property (`column`).

This is one of the reasons I currently cannot use Catppuccin as my daily driver, even though I love the overall color palette.

### Expected Behavior

In a SQL snippet like:

```sql
SELECT
orders.id,
orders.customer_id,
customers.name
FROM orders
JOIN customers ON orders.customer_id = customers.id
```

The table qualifier (`orders`, `customers`) and the column name (`id`, `name`) should have visually distinct colors, making it easy to scan which column belongs to which table.

### Current Behavior

Both parts of `table.column` are rendered in the same color, providing no visual distinction between the object qualifier and the property.

### Why This Matters

When writing complex SQL queries with multiple joins, being able to quickly tell which part is the table and which is the column significantly improves readability and reduces mistakes. This is especially valuable for developers who work with SQL daily.

Contributor guide

Open the contributing guide

Research direction

No file or test is named in the issue. Start by locating the VS Code theme's SQL syntax-highlighting rules and compare the relevant table and column scopes with the cited Monokai themes; done means `table.column` parts render in visibly distinct colors in SQL files.

Written by the indexing model from the issue text.

Assessment

Tech stack
sql, vscode
Domain
design
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.