Logo

dev-resources.site

for different kinds of informations.

Day 12: Pico-co-colors πŸ₯

Published at
12/12/2024
Categories
webdev
deno
beginners
webadvent
Author
valeriavg
Categories
4 categories in total
webdev
open
deno
open
beginners
open
webadvent
open
Author
9 person written this
valeriavg
open
Day 12: Pico-co-colors πŸ₯

We've already touched gradients in the terminal, but what if you'd like to simply color one line, word or phrase? Well, picocolors does exactly that nice and easy!

Install with your favourite package manager, e.g. deno add npm:picocolors and create a file, e.g. main.ts:

import pico from "picocolors";

console.log(
  pico.redBright("Happy ") +
    pico.greenBright("Holidays") +
    pico.yellowBright("!")
);
Enter fullscreen mode Exit fullscreen mode

Run with e.g. deno run -A ./main.ts and enjoy the festive greeting:

Of course, you could always use ASCII Color codes directly, e.g. like so:

console.log(
    "\u001b[91mHappy \u001b[92mHolidays\u001b[93m!"
); // 91 = Foreground bright red, 92 = Bright green and 93 is Bright yellow
Enter fullscreen mode Exit fullscreen mode

But that's way less descriptive, isn't it?

Not to mention that picocolors is NO_COLOR friendly and comes with couple of extra beauties like italic, bold, dim and inverse.

Do try them out and share your creations!

Liked the content and would love to have more of it all year long?

Buy Me A Coffee

deno Article's
30 articles in total
Favicon
Deno docker
Favicon
Day 24: Paint by Pixels 🎨
Favicon
Day 22: How the Tables have turned πŸ“
Favicon
Day 20: Not a Dedent! 🚧
Favicon
Day 23: Terminal Images πŸ–ΌοΈ
Favicon
Day 19: Highlight'em up! πŸ”–
Favicon
Day 18: Got a millisecond? ⏱️
Favicon
You can omit `run` from `deno run` command
Favicon
Day 17: Terminal Links & Other Escapes πŸ”—
Favicon
Day 8: D-8 🎱
Favicon
Day 7: Your input is valid πŸ–οΈ
Favicon
πŸš€ Rust Coders, Don’t Miss These 25 Resource Picks
Favicon
Day 9: Terminal Forms πŸ“‡
Favicon
Dynamic DNS sync with Cloudflare
Favicon
Day 14: Keep on Spinning! ♻️
Favicon
πŸš€ Automate Your PostgreSQL Backups with Ease! 🐳
Favicon
Day 21: In the name of Progress! πŸ“ˆ
Favicon
πŸš€ Automate Your PostgreSQL Backups with Ease! 🐳
Favicon
Runtime challenge: Bun vs Node
Favicon
I built a Fullstack Deno 2 application
Favicon
Self Writing Lang Graph State
Favicon
Supabase Just Got More Powerful: Queue, Cron, and Background Tasks in Edge Functions
Favicon
Day 4: ASCII Art Fonts πŸ–‹οΈ
Favicon
Day 13: I love Boxes! πŸ“¦
Favicon
#2 Daily Rabbit Holes: Diving Deeper into Rust, V8, and the JavaScriptℒ️ Saga
Favicon
Day 12: Pico-co-colors πŸ₯
Favicon
πŸ†š Bun vs Deno: When to Use Each in Your Projects?
Favicon
Exploring Bun.js Over Deno: A Humble Developer's Tale
Favicon
Day 10: Ho-ho-hono! πŸ”₯
Favicon
Benchmarking in Node.js vs Deno: A Comprehensive Comparison

Featured ones: