{"id":21239222,"url":"https://github.com/tinacious/rainbow-json-chrome","last_synced_at":"2026-01-02T06:37:06.120Z","repository":{"id":259998952,"uuid":"874507701","full_name":"tinacious/rainbow-json-chrome","owner":"tinacious","description":"🌈 Rainbow JSON Viewer is a simple Chrome extension that customizes the display of JSON in the browser","archived":false,"fork":false,"pushed_at":"2024-11-09T03:43:22.000Z","size":4334,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-21T19:22:47.518Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"HTML","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/tinacious.png","metadata":{"files":{"readme":"README.md","changelog":null,"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}},"created_at":"2024-10-18T00:37:09.000Z","updated_at":"2024-11-09T03:43:26.000Z","dependencies_parsed_at":"2024-10-29T02:16:47.763Z","dependency_job_id":"c2a4b7e4-0e7f-4a6c-9cdc-7e2c34937eec","html_url":"https://github.com/tinacious/rainbow-json-chrome","commit_stats":null,"previous_names":["tinacious/rainbow-json-chrome"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tinacious%2Frainbow-json-chrome","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tinacious%2Frainbow-json-chrome/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tinacious%2Frainbow-json-chrome/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tinacious%2Frainbow-json-chrome/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tinacious","download_url":"https://codeload.github.com/tinacious/rainbow-json-chrome/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243680974,"owners_count":20330154,"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-11-21T00:42:30.649Z","updated_at":"2026-01-02T06:37:06.056Z","avatar_url":"https://github.com/tinacious.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🌈 Rainbow JSON Viewer\n\n**Rainbow JSON Viewer** is a Chrome extension that customizes the display of JSON in the browser.\n\n- [How it works](#how-it-works)\n- [Features](#features)\n- [Related themes](#related-themes)\n- [Tools, Libraries and other credits](#tools-libraries-and-other-credits)\n- [Screenshots](#screenshots)\n  - [Dark mode](#dark-mode)\n  - [Light mode](#light-mode)\n  - [External link support](#external-link-support)\n  - [OpenAPI link support](#openapi-link-support)\n- [Installation](#installation)\n- [Development](#development)\n\n\n## How it works\n\nThe extension uses the document's content type to decide if it should style the JSON.\n\n## Features\n\n- 🌈 **Rainbow JSON**: Each level of JSON properties are a different colour to help with readability\n- 🌝🌚 **Dark/Light mode**: Automatic light and dark mode detection that uses your operating system's default\n- 🪗 **Show/Hide**: Expand or collapse sections of JSON\n- 🔗 **Link support**: Supports external links as well as internal links for OpenAPI specs\n- 📋 **Copy raw JSON**: Copy button allows you to copy the raw JSON to your clipboard\n- ⛔️ **Ignorelist**: Add URLs to an ignore list to prevent the extension from running on those URLs\n\n## Related themes\n\nIf you like this extension, you might like my code editor themes:\n\n- [Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=tinaciousdesign.theme-tinaciousdesign) (has rainbow JSON)\n- [Zed](https://gist.github.com/tinacious/dbdf82337ee6b461f438c6eb56ccb7b6)\n- [Jetbrains](https://github.com/tinacious/jetbrains-tinacious-design-theme)\n- [XCode](https://github.com/tinacious/tinacious-xcode-color-theme)\n- [iTerm](https://github.com/tinacious/iterm-tinacious-design-theme)\n- [Sublime Text](https://github.com/tinacious/sublime-tinacious-design-syntax)\n\n\n## Tools, Libraries and other credits\n\n- [TypeScript](https://www.typescriptlang.org/)\n- [Svelte](https://svelte.dev/)\n- [Vite](https://vite.dev/)\n- [Tailwind CSS](https://tailwindcss.com)\n- [postcss](https://postcss.org/)\n- [Ionicons](https://ionic.io/ionicons) and [Grommet icons](https://icons.grommet.io/) using [react-icons Figma plugin](https://www.figma.com/community/plugin/921172243620367846/import-react-icons))\n- [Figma](https://www.figma.com/)\n- [IBM Plex Mono](https://fonts.google.com/specimen/IBM+Plex+Mono) is the font used\n\n\n## Screenshots\n\n### Dark mode\n\n![](./screenshots/dark-mode.png)\n\n### Light mode\n\n![](./screenshots/light-mode.png)\n\n### External link support\n\n![](./screenshots/links-external.png)\n\n### OpenAPI link support\n\n![](./screenshots/links-openapi.png)\n\n\n## Installation\n\nClone and build locally or download from one of the [workflow runs](https://github.com/tinacious/rainbow-json-chrome/actions/workflows/package.yml).\n\n\n## Development\n\nSee `.nvmrc` for the Node version.\n\nInstall dependencies:\n\n    npm install\n\nRun the development server:\n\n    npm run dev\n\nBuild:\n\n    npm run build\n\nThis will create the folder `rainbow-json-chrome`. This can be [loaded as an unpacked extension](https://knowledge.workspace.google.com/kb/load-unpacked-extensions-000005962) in Chrome.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftinacious%2Frainbow-json-chrome","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftinacious%2Frainbow-json-chrome","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftinacious%2Frainbow-json-chrome/lists"}