abe33/atom-pigments

CSS variables not being evaluated/highlighting

Open

#462 建立於 2020年11月30日

在 GitHub 查看
 (1 留言) (0 反應) (0 負責人)CoffeeScript (528 star) (70 fork)batch import
bughelp wanted

描述

I use Pigments in SVG files, and while the colors are highlighted in CSS variable declarations, they are not highlighted when the variable is used: svg

I checked to see if it was just a problem with inline properties, or just SVG, but it also occurs in HTML: html

When I run Pigments: Reload on an open project I get the following:

Found:

90 path(s)
0 variables(s) including 0 color(s)

(there are a whole lot of color variables in this project)

From having a look through the issues, it seems that this is working for most other people - is there a setting that I should check on? I think I still have mostly the defaults though.

Pigments version: 0.40.6 Atom version: 1.53.0 OS: elementary OS 5.17 (Built on Ubuntu 18.04.4 LTS)

貢獻者指南

技術棧
javascriptcss
領域
frontenddeveloper experience
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
half day
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
mostly clear
前置要求
CSS variablesAtom package development
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
30
研究方向
The issue reports that Pigments highlights CSS variable definitions but not their usage in SVG and HTML files. To fix this, investigate the Pigments source code, likely in the parser or scanner that identifies color patterns. Examine how CSS variable declarations (e.g., var: color) are matched and stored, and whether variable references (e.g., var( var)) are also parsed. The regex or parsing logic may need to be extended to resolve variable references to their underlying color values. Consider looking at the file `lib/pigments.js` or similar parser files. Also check if there are any existing tests for CSS variable support.