Skip to content

Instantly share code, notes, and snippets.

@nfreear

nfreear/browser-console-colors.js

Created December 4, 2021 11:13
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save nfreear/5abb005a28e8cba827dedab68eeb19d8 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save nfreear/5abb005a28e8cba827dedab68eeb19d8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
browser-console-colors.js
// https://www.samanthaming.com/tidbits/40-colorful-console-message/
const COLOR_1 = '#ff0088';
console.group('test', 2);
console.log(
`%c*%c:focus %c{
%coutline%c: 1px solid %c\u25A0%c${COLOR_1};
}`,
'color:purple',
'color:gray',
'color:black',
'color:navy',
'color:black',
`color:${COLOR_1}; font:1.3rem/.8 serif; margin-right:3px;`,
'color:black'
);
console.groupEnd();
console.log('%cSTOP!', 'color:red; font:3rem sans-serif; text-decoration:underline;');
// END.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment