Refactor Paper Tonic Modern colorscheme and enhance semantic highlighting

- Updated highlights.scm to improve CSS, HTML, and data attribute captures with higher priority.
- Added a new Lua function to display highlight group and color information under the cursor.
- Expanded editor, semantic, syntax, and TreeSitter highlight groups for better visual consistency across languages.
- Created test files for PHP, HTML, CSS, and Lua to validate syntax highlighting.
- Implemented a shell script to test semantic highlights in a Neovim session.
- Simplified colorscheme loading process by removing unnecessary plugin specifications.

after/queries/css/highlights.scm

@@ -1,18 +1,42 @@
-(id_selector (id_name) @CssIdentifier)
-(id_selector (id_name)) @CssIdSelector
-(tag_name) @HtmlTagName
+;extends
 
-(class_selector (class_name) @CssClassName)
-(selectors (pseudo_class_selector (class_name) @cssPseudoClass))
+; CSS Selectors - ID selectors (#my-id)
+; Priority: Must override default @constant capture
+(id_selector "#" @punctuation.delimiter)
+(id_selector (id_name) @CssIdentifier (#set! priority 200))
+
+; CSS Selectors - Class selectors (.my-class)
+(class_selector "." @punctuation.delimiter)
+(class_selector (class_name) @CssClassName (#set! priority 200))
+
+; CSS Selectors - Pseudo-class selectors (:hover, :focus, etc.)
+(pseudo_class_selector ":" @punctuation.delimiter)
+(pseudo_class_selector (class_name) @cssPseudoClass (#set! priority 200))
+
+; CSS Selectors - Pseudo-element selectors (::before, ::after)
+(pseudo_element_selector "::" @punctuation.delimiter)
+(pseudo_element_selector (tag_name) @cssPseudoElement (#set! priority 200))
+
+; CSS Selectors - Nesting selector (&)
 (nesting_selector) @cssNestingSelector
 
-; need to find out how to make this more specific?
+; CSS Selectors - Universal selector (*)
 (universal_selector) @CssUniversalSelector
 
-((property_name) (_)) @CssProp
+; CSS Selectors - Tag/element selectors (div, p, etc.)
+(tag_name) @HtmlTagName
 
-(unit) @CssUnit
+; CSS Properties
+((property_name) @CssProp)
 
+; CSS Property values
 (declaration (property_name) (_) @CssPropertyValue)
 
-(media_statement (feature_query (feature_name) @cssMediaFeatureName (_ (unit) @cssMediaQueryValueUnit) @cssMediaQueryValue) @cssMediaQuery)
+; CSS Units (px, em, rem, %, etc.)
+(unit) @CssUnit
+
+; CSS Media queries
+(media_statement 
+  (feature_query 
+    (feature_name) @cssMediaFeatureName 
+    (_ (unit) @cssMediaQueryValueUnit) @cssMediaQueryValue) @cssMediaQuery)

after/queries/html/highlights.scm

@@ -1,17 +1,20 @@
-(start_tag
-	(attribute
-		(attribute_name) @ClassNameAttribute (#eq? @ClassNameAttribute "class")
-		(quoted_attribute_value
-			(attribute_value) @CssClassName )))
+;extends
 
-(start_tag
-	(attribute
-		(attribute_name) @IdAttribute (#eq? @IdAttribute "id")
-		(quoted_attribute_value
-			(attribute_value) @CssIdentifier )))
+; HTML class attribute values - should match CSS .class-name color
+; Priority: Must override default @string capture (priority 99)
+(attribute
+  (attribute_name) @ClassNameAttribute (#eq? @ClassNameAttribute "class")
+  (quoted_attribute_value
+    (attribute_value) @CssClassName (#set! priority 200)))
 
-(start_tag
-	(attribute
-		(attribute_name) @DataAttribute (#match? @DataAttribute "^data-")
-		(quoted_attribute_value
-			(attribute_value) @DataAttributeValue )))
+; HTML id attribute values - should match CSS #id-name color
+(attribute
+  (attribute_name) @IdAttribute (#eq? @IdAttribute "id")
+  (quoted_attribute_value
+    (attribute_value) @CssIdentifier (#set! priority 200)))
+
+; HTML data-* attributes
+(attribute
+  (attribute_name) @DataAttribute (#match? @DataAttribute "^data-")
+  (quoted_attribute_value
+    (attribute_value) @DataAttributeValue (#set! priority 200)))