| <!DOCTYPE HTML> |
| <html lang="en-us"> |
| <head> |
| <meta http-equiv="Content-type" content="text/html; charset=utf-8"> |
| <title>Colors Example</title> |
| <script src="colors.js"></script> |
| </head> |
| <body> |
| <script> |
| |
| var test = colors.red("hopefully colorless output"); |
| |
| document.write('Rainbows are fun!'.rainbow + '<br/>'); |
| document.write('So '.italic + 'are'.underline + ' styles! '.bold + 'inverse'.inverse); // styles not widely supported |
| document.write('Chains are also cool.'.bold.italic.underline.red); // styles not widely supported |
| //document.write('zalgo time!'.zalgo); |
| document.write(test.stripColors); |
| document.write("a".grey + " b".black); |
| |
| document.write("Zebras are so fun!".zebra); |
| |
| document.write(colors.rainbow('Rainbows are fun!')); |
| document.write("This is " + "not".strikethrough + " fun."); |
| |
| document.write(colors.italic('So ') + colors.underline('are') + colors.bold(' styles! ') + colors.inverse('inverse')); // styles not widely supported |
| document.write(colors.bold(colors.italic(colors.underline(colors.red('Chains are also cool.'))))); // styles not widely supported |
| //document.write(colors.zalgo('zalgo time!')); |
| document.write(colors.stripColors(test)); |
| document.write(colors.grey("a") + colors.black(" b")); |
| |
| colors.addSequencer("america", function(letter, i, exploded) { |
| if(letter === " ") return letter; |
| switch(i%3) { |
| case 0: return letter.red; |
| case 1: return letter.white; |
| case 2: return letter.blue; |
| } |
| }); |
| |
| colors.addSequencer("random", (function() { |
| var available = ['bold', 'underline', 'italic', 'inverse', 'grey', 'yellow', 'red', 'green', 'blue', 'white', 'cyan', 'magenta']; |
| |
| return function(letter, i, exploded) { |
| return letter === " " ? letter : letter[available[Math.round(Math.random() * (available.length - 1))]]; |
| }; |
| })()); |
| |
| document.write("AMERICA! F--K YEAH!".america); |
| document.write("So apparently I've been to Mars, with all the little green men. But you know, I don't recall.".random); |
| |
| // |
| // Custom themes |
| // |
| |
| colors.setTheme({ |
| silly: 'rainbow', |
| input: 'grey', |
| verbose: 'cyan', |
| prompt: 'grey', |
| info: 'green', |
| data: 'grey', |
| help: 'cyan', |
| warn: 'yellow', |
| debug: 'blue', |
| error: 'red' |
| }); |
| |
| // outputs red text |
| document.write("this is an error".error); |
| |
| // outputs yellow text |
| document.write("this is a warning".warn); |
| |
| </script> |
| </body> |
| </html> |