update css pseudo slector colors

This commit is contained in:
Ray Elliott 2025-12-11 21:56:16 +00:00
parent 3ad385e285
commit e538a0b150
2 changed files with 9 additions and 2 deletions

View File

@ -132,7 +132,7 @@ Record every decision here with a short rationale. Append new entries; do not re
- **Test files**: Created test-html.html, test-css.css, test-colors.php for validation
- 2025-12-11: Colorscheme Phase 11.7:
- **Semantic highlighting**: Custom TreeSitter captures for cross-language consistency
- **CSS semantic captures**: @CssClassName (green c2), @CssIdentifier (strong green c2_strong, bold), @cssPseudoClass (weak green c2_weak), @cssNestingSelector (strong green), @CssUniversalSelector
- **CSS semantic captures**: @CssClassName (green c2), @CssIdentifier (strong green c2_strong, bold), @cssPseudoClass (bold brownish-red primary_strong - distinguishes from green selectors), @cssPseudoElement (bold brownish-red), @cssNestingSelector (strong green), @CssUniversalSelector
- **CSS properties**: @CssProp (primary_weak), @CssPropertyValue (bold fg), @CssUnit (delimiter)
- **CSS media queries**: @cssMediaFeatureName, @cssMediaQuery, @cssMediaQueryValue
- **HTML attributes**: @ClassNameAttribute, @IdAttribute, @DataAttribute (all fg_weak for attribute names)
@ -142,6 +142,7 @@ Record every decision here with a short rationale. Append new entries; do not re
- **Custom queries**: Leverages existing after/queries/css/highlights.scm and after/queries/html/highlights.scm
- **Priority fix**: Added `(#set! priority 200)` to all custom captures to override built-in captures (@string priority 99, @constant default priority)
- **Technical note**: Custom queries require `;extends` directive and higher priority than built-in captures to work correctly
- **Pseudo-class design**: Uses bold brownish-red (primary_strong) instead of green to distinguish behavioral modifiers (:hover, :focus) from structural selectors (.class, #id)
## Project-Local Configuration (design)

View File

@ -21,7 +21,13 @@ return {
['@CssIdSelector'] = 'SpecialChar',
-- Pseudo-class selectors (:hover, :focus, etc.)
['@cssPseudoClass'] = { fg = c.c2_weak },
-- Uses bold primary_strong (brownish-red) to distinguish from green class/ID selectors
-- These are behavioral modifiers, not structural selectors
['@cssPseudoClass'] = { fg = c.primary_strong, bold = true },
-- Pseudo-element selectors (::before, ::after, etc.)
-- Similar to pseudo-classes but for virtual elements
['@cssPseudoElement'] = { fg = c.primary_strong, bold = true },
-- Nesting selector (& in SCSS/modern CSS)
['@cssNestingSelector'] = { fg = c.c2_strong },