als-highlight-css

A simple library to colorize and style CSS code for syntax highlighting.

Installation

npm install als-highlight-css

Usage

Import the highlightCss function and use it with your CSS parsing library. The following example demonstrates using highlightCss with the cssparser library.

const { highlightCss } = require('als-highlight-css');
const CssParser = require('als-css-parser');

const rawCss = `
  /* Test comment */
  .class-name {
    width: 10px;
    background-color: #fff;
  }
`;

const hooks = {
  stylesheet: highlightCss()
};

const obj = new CssParser(rawCss, hooks);
const parsedCss = obj.stylesheet();

console.log(parsedCss);

API

highlightCss(colors = {}) Generates a set of stylesheet hooks to colorize CSS code.

Parameters

• colors (object, optional): An object containing color values for different parts of the CSS code. The following properties can be provided:
  • special (string): Color for special characters and keywords. Default: #FC265A.
  • regular (string): Color for regular CSS class names and pseudo elements. Default: #9DE22A.
  • prop (string): Color for property names. Default: #66D9EF.
  • digit (string): Color for numeric values. Default: #B780E2.
  • comment (string): Color for comments. Default: gray.
  • string (string): Color for string values. Default: #EBD35F.
  • inherit (string): Color for inherit. Default: inherit.
  • base (string): Base color. Default: white.

Returns

An object containing hooks for various CSS parts:

string: An array of functions to colorize string values. selector: An array of functions to colorize selectors. value: An array of functions to colorize property values. propname: An array of functions to colorize property names.

License

MIT

Modify the text as needed to provide accurate information about your package. Once you've added the README.md file to your package, it will be displayed on your package's npm page when you publish it.