# How to use

This plugin adds a special class for every keyword, so keyword-specific styles can be applied. These special classes allow for fine-grained control over the appearance of keywords using your own CSS rules.

For example, the keyword `if` will have the class `keyword-if` added. A CSS rule used to apply special highlighting could look like this:

    .token.keyword.keyword-if { /* styles for 'if' */ }

Note: This plugin does not come with CSS styles. You have to define the keyword-specific CSS rules yourself.

# Examples

This example shows the plugin in action. The keywords `if` and `return` will be highlighted in red. The color of all other keywords will be determined by the current theme. The CSS rules used to implement the keyword-specific highlighting can be seen in the HTML file below.

## JavaScript

## HTML (Markup)