{"id":13447809,"url":"https://github.com/icodeforlove/template-colors-web","last_synced_at":"2025-12-12T04:25:03.381Z","repository":{"id":15461295,"uuid":"18194422","full_name":"icodeforlove/template-colors-web","owner":"icodeforlove","description":":art: beautiful color usage within template literals for console.log on the web","archived":false,"fork":false,"pushed_at":"2019-05-20T18:42:30.000Z","size":254,"stargazers_count":197,"open_issues_count":2,"forks_count":17,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-04-11T23:43:04.856Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/icodeforlove.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-03-27T23:00:56.000Z","updated_at":"2024-12-18T23:19:12.000Z","dependencies_parsed_at":"2022-08-25T16:51:55.947Z","dependency_job_id":null,"html_url":"https://github.com/icodeforlove/template-colors-web","commit_stats":null,"previous_names":["icodeforlove/console.js"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/icodeforlove%2Ftemplate-colors-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/icodeforlove%2Ftemplate-colors-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/icodeforlove%2Ftemplate-colors-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/icodeforlove%2Ftemplate-colors-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/icodeforlove","download_url":"https://codeload.github.com/icodeforlove/template-colors-web/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251714568,"owners_count":21631748,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-31T05:01:27.338Z","updated_at":"2025-12-12T04:25:03.354Z","avatar_url":"https://github.com/icodeforlove.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# template-colors-web [![Build Status](https://travis-ci.org/icodeforlove/template-colors-web.png?branch=master)](https://travis-ci.org/icodeforlove/template-colors-web)\n\n### next generation web console colors!\n\nbeautiful color usage within template literals for console.log on the web\n\n**[LIVE INTERACTIVE DEMO](http://icodeforlove.github.io/template-colors-web/)**\n\n## install\n\n```\nnpm install --save template-colors-web\n```\n\n## usage\n\nyou can compose colored template literals in many ways\n\n```javascript\nimport c from 'template-colors-web';\n\nconsole.log(c`found ${17}.bold new users`);\n\nconsole.log(c`found ${17}.bold new users`.bold.underline.grey);\n\nconsole.log(c`could not delete ${6}.bold.green users`.underline.red);\n\nconsole.log(c`user ${'John Doe'}.white.bold ${'logged'}.yellow in at ${new Date()}.white.bold`.grey);\n\nconsole.log(c`\n          This is ${'a'}.blue.italic\n          ${'multiline'}.black.magentaBG\n          ${'example'}.bold.underline.\n`.grey);\n```\n\n## features\n\nrgb / rgbBG (may be unsupported by your terminal)\n\n```javascript\nc`foo bar`.rgb(255,0,0)\nc`foo bar`.rgb(255,0,0).rgbBG(0,0,0)\n```\n\ninline style commands\n\n```javascript\nc`${'foo bar'}.bold.red`\n```\n\npre existing styles\n\n```javascript\nc`${'foo bar'.bold}.red`\n```\n\ndefalt styles to apply to whole string\n\n```javascript\nc`${'foo'}.red bar`.grey.underline\n```\n\nfull style support\n```javascript\nc`${'foo'}.red bar`.style('font-size: 100px')\n```\n\ncustom defined styles\n```javascript\nc.define('error', 'rgb(255,0,0)');\nc.define('log', ['rgb(0,0,0)', 'rgbBG(255,255,255)', 'bold', 'underline', 'italic']);\n\nc`foo bar`.error\nc`foo bar`.log\n```\n\n## node CLI\n\nIf you would like to use template colors in your command line please check out this repo : **[template-colors](https://github.com/icodeforlove/template-colors)**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ficodeforlove%2Ftemplate-colors-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ficodeforlove%2Ftemplate-colors-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ficodeforlove%2Ftemplate-colors-web/lists"}