Answers for "js console colors"

17

js console log with color

console.log('%c Oh my heavens! ', 'background: #222; color: #bada55');
Posted by: Guest on April-09-2020
3

node js console colors

const Colors = {
  Reset: "\x1b[0m",
  Bright: "\x1b[1m",
  Dim: "\x1b[2m",
  Underscore: "\x1b[4m",
  Blink: "\x1b[5m",
  Reverse: "\x1b[7m",
  Hidden: "\x1b[8m",

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

  BgBlack: "\x1b[40m",
  BgRed: "\x1b[41m",
  BgGreen: "\x1b[42m",
  BgYellow: "\x1b[43m",
  BgBlue: "\x1b[44m",
  BgMagenta: "\x1b[45m",
  BgCyan: "\x1b[46m",
  BgWhite: "\x1b[47m",
};
/**
* Colorize a string of text!
* @param {String} text The string text to colorize
* @param {String} options Strings of options (like "white", "red", "BgWhite", "BgRed", "Bold", "Dim", etc.)
* @returns {String} Colored String
*/
function colorize(text = "", ...options) {
  let opts = "";
  options = options ?? "white";
  options.forEach((opt) => {
    opts += Colors[opt] ?? Colors.white;
  });
  return `${opts}${text}${Colors.Reset}`;
}
Posted by: Guest on June-16-2021
5

css customize console.log

// Rainbow Giant Styled Text
const style = 'font-weight: bold; font-size: 50px;color: red; text-shadow: 3px 3px 0 rgb(217,31,38) , 6px 6px 0 rgb(226,91,14) , 9px 9px 0 rgb(245,221,8) , 12px 12px 0 rgb(5,148,68) , 15px 15px 0 rgb(2,135,206) , 18px 18px 0 rgb(4,77,145) , 21px 21px 0 rgb(42,21,113)';

console.log('%c Rainbowww!', style);
Posted by: Guest on June-04-2020

Code answers related to "Javascript"

Browse Popular Code Answers by Language