background-color v1.3.2

Background Color Engine

Quick and easy way to get background color!

Installation

npm i background-color

Then...

import React, { useEffect } from "react"
import { ColorEngine } from "background-color"

const MyApplication = () => {
    
    useEffect(() => {
      ColorEngine("blue", ".my-class-selector")
      ColorEngine("orange", "#my-id-selector")
    }, [])
    
    return(
        <div>
        
            <div className="my-class-selector">
                example
            </div>
        
            <div id="my-id-selector">
                example
            </div>
        
        </div>
    )
}

export default MyApplication

Options

• black | ( default - LOOP MODE: from 1 - 5 )
• beige | ( default - LOOP MODE: from 1 - 5 )
• blue | ( default - LOOP MODE: from 1 - 5 )
• cyan | ( default - LOOP MODE: from 1 - 5 )
• green | ( default - LOOP MODE: from 1 - 5 )
• red | ( default - LOOP MODE: from 1 - 5 )
• orange | ( default - LOOP MODE: from 1 - 5 )
• purple | ( default - LOOP MODE: from 1 - 5 )
• pink | ( default - LOOP MODE: from 1 - 5 )
• yellow | ( default - LOOP MODE: from 1 - 5 )

• black1 - black5 | ( STRICT MOODE | Color scale from 1 - 5 )
• beige1 - beige5 | ( STRICT MOODE | Color scale from 1 - 5 )
• blue1 - blue5 | ( STRICT MOODE | Color scale from 1 - 5 )
• cyan1 - cyan5 | ( STRICT MOODE | Color scale from 1 - 5 )
• green1 - green5 | ( STRICT MOODE | Color scale from 1 - 5 )
• red1 - red5 | ( STRICT MOODE | Color scale from 1 - 5 )
• orange1 - orange5 | ( STRICT MOODE | Color scale from 1 - 5 )
• purple1 - purple5 | ( STRICT MOODE | Color scale from 1 - 5 )
• pink1 - pink5 | ( STRICT MOODE | Color scale from 1 - 5 )
• yellow1 - yellow5 | ( STRICT MOODE | Color scale from 1 - 5 )