JAVASCRIPT

console.log color

colors = {
    reset: '33[0m',

    //text color

    black: '33[30m',
    red: '33[31m',
    green: '33[32m',
    yellow: '33[33m',
    blue: '33[34m',
    magenta: '33[35m',
    cyan: '33[36m',
    white: '33[37m',

    //background color

    blackBg: '33[40m',
    redBg: '33[41m',
    greenBg: '33[42m',
    yellowBg: '33[43m',
    blueBg: '33[44m',
    magentaBg: '33[45m',
    cyanBg: '33[46m',
    whiteBg: '33[47m'
}

console.log('33[31m this is red color on text');
console.log('33[0m this is reset');
console.log('33[41m this is red color on background');

js console.log color

console.log('%c My txt ', 'My css');

// Example
console.log('%c Hello world ', 'background: #222; color: #bada55');

changing color of console log

console.log('%c Oh my heavens! ', 'background: #222; color: #bada55');
 Run code snippetHide results

javascript console.log colors

console.log('x1b[33m%sx1b[0m', 'hi!')

javascript console.log colors

console.log('%c Hello World','color:red;border:1px solid dodgerblue');

console.log colorido

const Style = {
    base: [
        "color: #fff",
        "background-color: #444",
        "padding: 2px 4px",
        "border-radius: 2px"
    ],
    warning: [
        "color: #eee",
        "background-color: red"
    ],
    success: [
        "background-color: green"
    ]
}
const log = (text, extra = []) => {
    let style = Style.base.join(';') + ';';
    style += extra.join(';'); // Add any additional styles
    console.log(`%c${text}`, style);
}

log("Normal Logs");
log("Warning Logs", Style.warning);
log("Success Logs", Style.success);