/console.signature

JS file to add a styled signature in the browser's console.

Primary LanguageJavaScript

Custom signatures for the browser console 💃

This is a fun experiment to test out styling in the browser's console.

Each browser renders styles differently and I have written some notes on my findings below:

Styling Notes 💅

  1. DEFAULT STYLES: Each browser console has default colors & fonts applied to the text (differs in light & dark mode too).
  2. LINE-HEIGHT: used to simulate padding in Firefox console. Value of output is half of value declared
  3. COLOR: cannot be applied to links on Safari and Chrome
  4. LINKS: not clickable in Firefox.
  5. PADDING: padding on links in Chrome are rendered double of the value declared.
  6. WIDTH: explicit widths cannot be declared. They're ignored :(