update css pseudo slector colors
This commit is contained in:
parent
3ad385e285
commit
e538a0b150
|
|
@ -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)
|
||||
|
||||
|
|
|
|||
|
|
@ -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 },
|
||||
|
|
|
|||
Loading…
Reference in New Issue