{"id":24989308,"url":"https://github.com/githubnext/spectrum","last_synced_at":"2025-09-11T21:37:33.232Z","repository":{"id":42522969,"uuid":"454937280","full_name":"githubnext/spectrum","owner":"githubnext","description":null,"archived":false,"fork":false,"pushed_at":"2023-10-08T08:37:39.000Z","size":1118,"stargazers_count":13,"open_issues_count":8,"forks_count":3,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-19T04:31:32.518Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/githubnext.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,"zenodo":null}},"created_at":"2022-02-02T21:12:46.000Z","updated_at":"2024-04-24T15:31:22.000Z","dependencies_parsed_at":"2025-04-12T01:06:23.804Z","dependency_job_id":"e76f1a74-5b3e-4efe-9d50-05ac181884c7","html_url":"https://github.com/githubnext/spectrum","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/githubnext/spectrum","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/githubnext%2Fspectrum","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/githubnext%2Fspectrum/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/githubnext%2Fspectrum/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/githubnext%2Fspectrum/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/githubnext","download_url":"https://codeload.github.com/githubnext/spectrum/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/githubnext%2Fspectrum/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274710533,"owners_count":25335621,"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-09-11T02:00:13.660Z","response_time":74,"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":[],"created_at":"2025-02-04T12:56:58.431Z","updated_at":"2025-09-11T21:37:33.177Z","avatar_url":"https://github.com/githubnext.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Spectrum\n\nThis is a VSCode extension (webview) that helps you find and copy a VSCode theme CSS variable quickly and easily! No more messing around with the Chrome dev tools – fire up this webview and find what you're looking for, fast.\n\n![Screen Shot 2022-02-02 at 4 13 15 PM](https://user-images.githubusercontent.com/5148596/152238301-cea849d3-442a-46f6-afd2-838e5a17c321.png)\n\n## Usage\nOnce installed, open the webview by invoking the **Spectrum: Show theme tokens** command from the command palette.\n\n![Screen Shot 2022-02-07 at 11 16 35 AM](https://user-images.githubusercontent.com/5148596/152827601-9354c604-d0d8-4c38-977d-9978041bf3e5.png)\n\nOnce the webview is open, filter the grid of swatches via the text field at the top of the screen. To copy a value, click a swatch and the VSCode quickpick UI will pop up. From there you can copy either the:\n- Fully qualified CSS variable\n- Raw CSS variable name\n- Hex/RGB value\n\n![Screen Shot 2022-02-02 at 4 21 47 PM](https://user-images.githubusercontent.com/5148596/152239366-5c1d3485-8b8e-4efc-95e9-bda1a55815bb.png)\n\n\n## Local Development\n\n### Dependencies\n\n```bash\n# Install dependencies for both the extension and webview UI source code\nnpm run install:all\n\n# Build webview UI source code\nnpm run build:webview\n\n# Open sample in VS Code\ncode .\n```\n\n### Running the extension\nOnce the extension is open inside VS Code you can run the extension by doing the following:\n\n1. Press `F5` to open a new Extension Development Host window\n2. Inside the host window, open the command palette (`Ctrl+Shift+P` or `Cmd+Shift+P` on Mac) and type `Spectrum: Show theme tokens`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgithubnext%2Fspectrum","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgithubnext%2Fspectrum","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgithubnext%2Fspectrum/lists"}