{"id":13483175,"url":"https://github.com/mjbvz/vscode-github-markdown-preview-style","last_synced_at":"2025-05-16T05:05:30.336Z","repository":{"id":37484355,"uuid":"86021077","full_name":"mjbvz/vscode-github-markdown-preview-style","owner":"mjbvz","description":"VS Code extension that changes the built-in markdown preview to match Github's styling","archived":false,"fork":false,"pushed_at":"2025-02-18T19:54:59.000Z","size":984,"stargazers_count":317,"open_issues_count":13,"forks_count":56,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-08T15:07:41.804Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=bierner.markdown-preview-github-styles","language":"JavaScript","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/mjbvz.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}},"created_at":"2017-03-24T02:59:09.000Z","updated_at":"2025-04-05T00:46:34.000Z","dependencies_parsed_at":"2024-01-23T02:04:02.452Z","dependency_job_id":"c6e63bfb-8bc4-4692-9939-d40e37b65de6","html_url":"https://github.com/mjbvz/vscode-github-markdown-preview-style","commit_stats":{"total_commits":96,"total_committers":11,"mean_commits":8.727272727272727,"dds":"0.39583333333333337","last_synced_commit":"615a8fda99d24fdd34dfe325ce24a5804b8cbad3"},"previous_names":[],"tags_count":14,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mjbvz%2Fvscode-github-markdown-preview-style","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mjbvz%2Fvscode-github-markdown-preview-style/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mjbvz%2Fvscode-github-markdown-preview-style/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mjbvz%2Fvscode-github-markdown-preview-style/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mjbvz","download_url":"https://codeload.github.com/mjbvz/vscode-github-markdown-preview-style/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254471061,"owners_count":22076585,"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-31T17:01:08.810Z","updated_at":"2025-05-16T05:05:25.326Z","avatar_url":"https://github.com/mjbvz.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"Changes VS Code's built-in markdown preview to match GitHub's styling.\n\n![](https://github.com/mjbvz/vscode-github-markdown-preview-style/raw/master/docs/example.png)\n\nIncludes support for both light and dark GitHub themes. By default, the theme type (light vs dark) is selected based on your VS Code theme.\n\n\u003e **❗️ Important**: This extension only styles the Markdown preview. Use [this extension pack](https://marketplace.visualstudio.com/items?itemName=bierner.github-markdown-preview) to add support for other GitHub markdown features like `:emoji:` and `- [ ] tasklists`.\n\n# Features\n\n- Preview what your markdown will look like on GitHub.\n- Extends VS Code's built-in markdown preview.\n- Includes Github's Dark and Light themes, along with Github's dark dimmed, high contrast, and color blind accessible themes.\n- Customize styling using your own [`markdown.styles`](https://code.visualstudio.com/Docs/languages/markdown#_using-your-own-css) css\n  - Make sure you apply your styles to the `.github-markdown-body` instead of just `body` so they don't get overridden by this extension\n\n# Usage\n\nPlease see the [VSCode Markdown Preview documentation](https://code.visualstudio.com/Docs/languages/markdown#_markdown-preview) for instructions on how to use this extension.\n\n# Configuration\n\nBy default, this extension uses the Github theme that matches VS Code's color theme (light/dark). These settings let you further customize which Github theme the Markdown preview uses.\n\n- `markdown-preview-github-styles.colorTheme`\n\n   Sets the color theme mode for the styling of the Markdown preview. Default: `auto`.\n\n   - `Auto (match editor)`: Automatically match the editor color theme (light/dark).\n   - `System`: Sync to the system/OS color theme.\n   - `Single theme: Light`: Always use the selected Light theme. See `markdown-preview-github-styles.lightTheme`\n   - `Single theme: Dark`: Always use the selected Dark theme. See `markdown-preview-github-styles.darkTheme`\n\n- `markdown-preview-github-styles.lightTheme` and `markdown-preview-github-styles.darkTheme`.\n\n   Specify the theme used when in Light/Dark mode. Only the matching setting applies when `colorTheme` is in `Single theme` mode.\n   \n   Available themes:\n\n   - Light - `light`\n   - Light high contrast - `light_high_contrast`\n   - Light Protanopia \u0026 Deuteranopia - `light_colorblind`\n   - Light Tritanopia - `light_tritanopia`\n   - Dark - `dark`\n   - Dark high contrast - `dark_high_contrast`\n   - Dark Protanopia \u0026 Deuteranopia - `dark_colorblind`\n   - Dark Tritanopia - `dark_tritanopia`\n   - Dark dimmed - `dark_dimmed`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmjbvz%2Fvscode-github-markdown-preview-style","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmjbvz%2Fvscode-github-markdown-preview-style","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmjbvz%2Fvscode-github-markdown-preview-style/lists"}