{"id":23739547,"url":"https://github.com/catppuccin/highlightjs","last_synced_at":"2025-08-07T01:56:07.354Z","repository":{"id":65706407,"uuid":"505167826","full_name":"catppuccin/highlightjs","owner":"catppuccin","description":"🚨 Soothing pastel theme for Highlight.js","archived":false,"fork":false,"pushed_at":"2025-06-22T15:39:58.000Z","size":404,"stargazers_count":68,"open_issues_count":8,"forks_count":2,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-06-22T16:36:06.656Z","etag":null,"topics":["catppuccin","hacktoberfest","highlightjs","pastel","syntax-highlighting","theme"],"latest_commit_sha":null,"homepage":"http://highlightjs.catppuccin.com/","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/catppuccin.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":"catppuccin","open_collective":"catppuccin"}},"created_at":"2022-06-19T16:52:47.000Z","updated_at":"2025-06-22T16:24:43.000Z","dependencies_parsed_at":"2024-05-30T01:33:04.654Z","dependency_job_id":"6e5b7a77-1573-4e82-8af7-349a4734a4ab","html_url":"https://github.com/catppuccin/highlightjs","commit_stats":{"total_commits":42,"total_committers":6,"mean_commits":7.0,"dds":"0.19047619047619047","last_synced_commit":"b5454f20194d4ed77496fbb5038e6ed259e8319d"},"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"purl":"pkg:github/catppuccin/highlightjs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fhighlightjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fhighlightjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fhighlightjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fhighlightjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/catppuccin","download_url":"https://codeload.github.com/catppuccin/highlightjs/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/catppuccin%2Fhighlightjs/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269185774,"owners_count":24374634,"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","status":"online","status_checked_at":"2025-08-06T02:00:09.910Z","response_time":99,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["catppuccin","hacktoberfest","highlightjs","pastel","syntax-highlighting","theme"],"created_at":"2024-12-31T09:37:01.169Z","updated_at":"2025-08-07T01:56:07.339Z","avatar_url":"https://github.com/catppuccin.png","language":"SCSS","funding_links":["https://github.com/sponsors/catppuccin","https://opencollective.com/catppuccin"],"categories":["SCSS"],"sub_categories":[],"readme":"\u003ch3 align=\"center\"\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png\" width=\"100\" alt=\"Logo\"/\u003e\u003cbr/\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png\" height=\"30\" width=\"0px\"/\u003e\n\tCatppuccin for \u003ca href=\"https://github.com/highlightjs/highlight.js\"\u003eHighlight.js\u003c/a\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png\" height=\"30\" width=\"0px\"/\u003e\n\u003c/h3\u003e\n\n\u003cp align=\"center\"\u003e\n\t\u003ca href=\"https://github.com/catppuccin/highlightjs/stargazers\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/catppuccin/highlightjs?colorA=363a4f\u0026colorB=b7bdf8\u0026style=for-the-badge\"\u003e\u003c/a\u003e\n\t\u003ca href=\"https://github.com/catppuccin/highlightjs/issues\"\u003e\u003cimg src=\"https://img.shields.io/github/issues/catppuccin/highlightjs?colorA=363a4f\u0026colorB=f5a97f\u0026style=for-the-badge\"\u003e\u003c/a\u003e\n\t\u003ca href=\"https://github.com/catppuccin/highlightjs/contributors\"\u003e\u003cimg src=\"https://img.shields.io/github/contributors/catppuccin/highlightjs?colorA=363a4f\u0026colorB=a6da95\u0026style=for-the-badge\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"assets/preview.webp\"/\u003e\n\u003c/p\u003e\n\n## Previews\n\n\u003cdetails\u003e\n\u003csummary\u003e🌻 Latte\u003c/summary\u003e\n\u003cimg src=\"assets/latte.webp\"/\u003e\n\u003c/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🪴 Frappé\u003c/summary\u003e\n\u003cimg src=\"assets/frappe.webp\"/\u003e\n\u003c/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🌺 Macchiato\u003c/summary\u003e\n\u003cimg src=\"assets/macchiato.webp\"/\u003e\n\u003c/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e🌿 Mocha\u003c/summary\u003e\n\u003cimg src=\"assets/mocha.webp\"/\u003e\n\u003c/details\u003e\n\n## Usage\n\nAdd the CSS for your preferred flavor in your markup. You can do this by either getting the files from npm, or through a CDN.\n\n### npm\n\nInstall the `@catppuccin/highlightjs` package with your preferred package manager.\n\n```bash\nnpm install -D @catppuccin/highlightjs\n```\n\nYou can then use the files in `@catppuccin/highlightjs/css` or `@catppuccin/highlightjs/sass`.\n\n### CDN\n\nEmbed the [Highlight.js script](https://highlightjs.org/download/) along with one of our themes.\n\n\u003e [!NOTE]\n\u003e The \"variable version\" assumes that you have a flavor of Catppuccin already present in your CSS variables, in any format of color (e.g. `--ctp-mauve: rgb(136, 57, 239)`, `--ctp-mauve: #8839ef`, `--ctp-mauve: hsl(266deg, 85%, 58%)`, etc).\n\u003e If you use [Catppuccin for TailwindCSS](https://github.com/catppuccin/tailwindcss), where your variables are in the format of three comma-separated RGB\n\u003e values (e.g. `--ctp-mauve: 136,57,239`), you should use the \"rgb variable\" version.\n\n\u003c!-- x-release-please-start-version --\u003e\n\n#### unpkg\n\n```html\n\u003clink rel=\"stylesheet\" href=\"//unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-latte.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"//unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-frappe.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"//unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-macchiato.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"//unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-mocha.css\"\u003e\n\u003c!-- Variable version --\u003e\n\u003clink rel=\"stylesheet\" href=\"//unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-variables.css\"\u003e\n\u003c!-- Variable version with !important (higher specificity) --\u003e\n\u003clink rel=\"stylesheet\" href=\"//unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-variables.important.css\"\u003e\n\u003c!-- RGB variable version --\u003e\n\u003clink rel=\"stylesheet\" href=\"//unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-variables.rgb.css\"\u003e\n\u003c!-- RGB variable version with !important (higher specificity) --\u003e\n\u003clink rel=\"stylesheet\" href=\"//unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-variables.rgb.important.css\"\u003e\n```\n\n#### jsDelivr\n\n```html\n\u003clink rel=\"stylesheet\" href=\"//cdn.jsdelivr.net/npm/@catppuccin/highlightjs@1.0.1/css/catppuccin-latte.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"//cdn.jsdelivr.net/npm/@catppuccin/highlightjs@1.0.1/css/catppuccin-frappe.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"//cdn.jsdelivr.net/npm/@catppuccin/highlightjs@1.0.1/css/catppuccin-macchiato.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"//cdn.jsdelivr.net/npm/@catppuccin/highlightjs@1.0.1/css/catppuccin-mocha.css\"\u003e\n\u003c!-- Variable version --\u003e\n\u003clink rel=\"stylesheet\" href=\"//cdn.jsdelivr.net/npm/@catppuccin/highlightjs@1.0.1/css/catppuccin-variables.css\"\u003e\n\u003c!-- Variable version with !important (higher specificity) --\u003e\n\u003clink rel=\"stylesheet\" href=\"//cdn.jsdelivr.net/npm/@catppuccin/highlightjs@1.0.1/css/catppuccin-variables.important.css\"\u003e\n\u003c!-- RGB variable version --\u003e\n\u003clink rel=\"stylesheet\" href=\"//cdn.jsdelivr.net/npm/@catppuccin/highlightjs@1.0.1/css/catppuccin-variables.rgb.css\"\u003e\n\u003c!-- RGB variable version with !important (higher specificity) --\u003e\n\u003clink rel=\"stylesheet\" href=\"//cdn.jsdelivr.net/npm/@catppuccin/highlightjs@1.0.1/css/catppuccin-variables.rgb.important.css\"\u003e\n```\n\n\u003c!-- x-release-please-end --\u003e\n\n## 💝 Thanks to\n\n- [Andreas Grafen](https://github.com/andreasgrafen)\n- [winston](https://github.com/nekowinston)\n\n\u0026nbsp;\n\n\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\tCopyright \u0026copy; 2021-present \u003ca href=\"https://github.com/catppuccin\" target=\"_blank\"\u003eCatppuccin Org\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\t\u003ca href=\"https://github.com/catppuccin/catppuccin/blob/main/LICENSE\"\u003e\u003cimg src=\"https://img.shields.io/static/v1.svg?style=for-the-badge\u0026label=License\u0026message=MIT\u0026logoColor=d9e0ee\u0026colorA=363a4f\u0026colorB=b7bdf8\"/\u003e\u003c/a\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcatppuccin%2Fhighlightjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcatppuccin%2Fhighlightjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcatppuccin%2Fhighlightjs/lists"}