colorlog-css
🌈 Colorize your ugly console.log with 198 Schemes and your CSS !
0 dependencies & 0 dependents light weight module :)
Installation
npm install colorlog-css --saveyarn add colorlog-css
Usage
Javascript
var colorLog = var clg = './MyColors.css'// var clg = new colorLog.default()// clg.set('./MyColors.css') clgclg
TypeScript
// const clg = new ColorLog()// clg.set('./MyColors.css') clg.listclg.suc'cess :)'clg .join .log'log' .pri'pri' .sec'sec' .suc'suc' .danger'danger' .warn'warn' .info'info' .end
There are already 198 schemes based on the iterm-scheme list and 3/4 bit default style. You can easily modify your color with these predefined colors and your CSS.
clg.list // Will show the default 3/4 bit style list.clg.listScheme // List schemes with methods of scheme applied. // Schemes will applied to the methods 🕶clg.setSchemeSchemes.Batman
How to change color ?
Make a CSS file for customizing your own color :)
- Selectors
- Class Format ( Each selector will represent method's color)
.primary
.secondary
.success
.danger
.warning
.info
.default
- Id Format
#pre
val
( property represent the value of prefix )
- Class Format ( Each selector will represent method's color)
/* SAMPLE */ /* .default #pre { background: null; color: #ffffff; val: *Default*;} */
clg .join .log'log' .pri'pri' .sec'sec' .suc'suc' .danger'danger' .warn'warn' .info'info' .end
or programmatically,
clg.info'You can change the color like this', '\n\n' clg.danger'danger' // Apply only backgroundclg.categories.danger.color = clg.makeFormnull, '#ff4757'clg.danger'danger' // Apply styles and colorsclg.categories.danger.color = clg.makeForm , '#7bed9f'clg.danger'danger'
Output will look like this ✨
TODO...
- Make it available to customize default color set.
- Customize it with schemes / inputing the value directly.
- Change font styles with
string
orstring[]
types - Any ideas? 😄
Any questions or suggestions are always welcome 🍀