{"id":21513211,"url":"https://github.com/mikaleb/gems-theme","last_synced_at":"2026-05-04T01:33:55.473Z","repository":{"id":38365480,"uuid":"506552973","full_name":"Mikaleb/Gems-Theme","owner":"Mikaleb","description":"💎 An easy-on-the-eye theme mixed between Nord, Plastic and Community Palenight","archived":false,"fork":false,"pushed_at":"2022-08-27T09:17:23.000Z","size":3548,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-22T06:36:45.313Z","etag":null,"topics":["markdown","theme","visual-studio-code","vscode","vscode-extension","vue","vuejs"],"latest_commit_sha":null,"homepage":"https://gems.mikaleb.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Mikaleb.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.MD","funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-06-23T08:13:10.000Z","updated_at":"2022-08-29T09:38:09.000Z","dependencies_parsed_at":"2022-07-12T17:27:57.423Z","dependency_job_id":null,"html_url":"https://github.com/Mikaleb/Gems-Theme","commit_stats":null,"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"purl":"pkg:github/Mikaleb/Gems-Theme","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mikaleb%2FGems-Theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mikaleb%2FGems-Theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mikaleb%2FGems-Theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mikaleb%2FGems-Theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mikaleb","download_url":"https://codeload.github.com/Mikaleb/Gems-Theme/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mikaleb%2FGems-Theme/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32591601,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T22:12:39.696Z","status":"ssl_error","status_checked_at":"2026-05-03T22:09:10.534Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["markdown","theme","visual-studio-code","vscode","vscode-extension","vue","vuejs"],"created_at":"2024-11-23T22:54:57.814Z","updated_at":"2026-05-04T01:33:55.465Z","avatar_url":"https://github.com/Mikaleb.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Gems theme \u003cimg src=\"https://raw.githubusercontent.com/Mikaleb/Gems-Theme/main/assets/logo.png\" style=\"margin-left:1rem\" width=\"24px\"\u003e\n\n[Gems Theme](https://marketplace.visualstudio.com/items?itemName=Mikaleb.gems-theme) is a VSCode theme that is based on [Material Theme](https://github.com/material-theme/vsc-material-theme) with theming inspiration from [Nord](https://www.nordtheme.com/) and [Plastic Theme](https://plastictheme.com/) designed to be easy on the eye and easy to use.\n\n[![Preview in vscode.dev](https://img.shields.io/badge/preview%20in-vscode.dev-blue?logo=visualstudiocode)](https://vscode.dev/theme/mikaleb.gems-theme/Gems)\n[![Marketplace](https://vsmarketplacebadge.apphb.com/version/mikaleb.gems-theme.png)](https://marketplace.visualstudio.com/items?itemName=Mikaleb.gems-theme)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.png?style=flat-square)](https://github.com/prettier/prettier)\n[![GitHub license](https://img.shields.io/github/license/Mikaleb/Gems-Theme.png)](https://github.com/Mikaleb/Gems-Theme/blob/main/LICENSE.md)\n[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.png)](CODE_OF_CONDUCT.md)\n\n## Screenshot\n\n![Preview](https://raw.githubusercontent.com/Mikaleb/Gems-Theme/main/assets/screenshot_zoom.png)\n\n## Installation\n\n0. With _Quick Open_ : `ext install Mikaleb.gems-theme `\n\n1. Or : Open **Extensions** sidebar panel in VS Code ( `View → Extensions` )\n2. Search for `Gems Theme` - find the one by **Mikaleb**\n3. Click **Install** to install it\n4. Code \u003e Preferences \u003e Color Theme \u003e **Gems**\n5. Recommended font : _Fira Code_\n\n## Contribution\n\nIf you run into a bug or miss a feature, please [open an issue](https://github.com/Mikaleb/Gems-Theme/issues) in this repository.\n\n### Launch project locally\n\n```bash\nyarn\nyarn build\n```\n\nBy pressing F5 in VSCode you should be able to have a new window with the theme. If not, create the file `.vscode/launch.json` with this :\n\n```json\n{\n  \"version\": \"0.2.0\",\n  \"configurations\": [\n    {\n      \"name\": \"Extension\",\n      \"type\": \"extensionHost\",\n      \"request\": \"launch\",\n      \"runtimeExecutable\": \"${execPath}\",\n      \"args\": [\"--extensionDevelopmentPath=${workspaceFolder}\"]\n    },\n    {\n      \"name\": \"Extension Tests\",\n      \"type\": \"extensionHost\",\n      \"request\": \"launch\",\n      \"runtimeExecutable\": \"${execPath}\",\n      \"args\": [\n        \"--extensionDevelopmentPath=${workspaceFolder}\",\n        \"--extensionTestsPath=${workspaceFolder}/test\"\n      ]\n    }\n  ]\n}\n```\n\n## Development\n\n### Local Development\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/Mikaleb/Gems-Theme.git\n   cd Gems-Theme\n   ```\n\n2. Install dependencies:\n\n   ```bash\n   yarn\n   ```\n\n3. Build the theme:\n\n   ```bash\n   yarn build\n   ```\n\n4. Launch the extension in development mode:\n   - Press `F5` to open a new VSCode window with the development version of the theme\n   - Make your changes to the theme files\n   - The theme will automatically rebuild when you save changes\n   - Use `Reload Window` command in the development VSCode window to see your changes\n\n### Packaging for Release\n\n1. Ensure all your changes are committed and the version is updated in `package.json`\n\n2. Build the production version:\n\n   ```bash\n   yarn build\n   ```\n\n3. Create the VSIX package:\n\n   ```bash\n   vsce package\n   ```\n\n   This will create a `.vsix` file in the root directory with the format `gems-theme-{version}.vsix`\n\n4. To test the VSIX package locally:\n   - Open a new instance of Visual Studio Code.\n   - In the new instance, go to the Extensions view by clicking on the square icon on the left sidebar or by using the shortcut `Ctrl+Shift+X` (Windows/Linux) or `Cmd+Shift+X` (Mac).\n   - Click on the \"...\" menu and select \"Install from VSIX...\".\n   - Navigate to the directory where the `.vsix` file is located and select it.\n   - The theme should now be installed in the new instance of Visual Studio Code.\n   - You can verify that the theme works as expected by checking if the colors and styles match the preview in the Visual Studio Code Marketplace.\n\n5. To publish to the VS Code Marketplace:\n\n   ```bash\n   vsce publish\n   ```\n\n   Note: You'll need a valid Personal Access Token with the `marketplace.manage` scope.\n\n6. After publishing, create a new GitHub release:\n   - Tag the release with the version number (e.g., `v1.0.0`)\n   - Attach the `.vsix` file to the release\n   - Add release notes with the list of changes\n\n## Color scheme\n\n\u003c!-- todo : generate it auto via github action ? --\u003e\n\n- white: #ffffff,\n- black: #000000,\n- red: #FF707E,\n- orange: #FFBE82,\n- yellow: #FFD072,\n- green: #C9FF9A,\n- cyan: #66D3E2,\n- blue: #88C9FF,\n- paleblue: #6BD2E0,\n- purple: #EC97FF,\n- brown: #F5B791,\n- pink: #FFACBA,\n- violet: #FFA3F3,\n- lightgray: #d8dee9,\n\n## Licensing\n\nSee the [LICENSE](https://github.com/Mikaleb/Gems-Theme/blob/main/LICENSE.md) file for licensing information as it pertains to\nfiles in this repository.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmikaleb%2Fgems-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmikaleb%2Fgems-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmikaleb%2Fgems-theme/lists"}