{"id":24490383,"url":"https://github.com/armandphilippot/coldark-vscode","last_synced_at":"2025-09-12T20:33:15.940Z","repository":{"id":42573521,"uuid":"274108105","full_name":"ArmandPhilippot/coldark-vscode","owner":"ArmandPhilippot","description":"A VS Code theme that comes with two versions: light \u0026 dark.","archived":false,"fork":false,"pushed_at":"2024-03-17T16:20:47.000Z","size":5405,"stargazers_count":6,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-13T23:07:38.018Z","etag":null,"topics":["coldark","dark-theme","light-theme","syntax-highlighting","theme","vscode","vscode-theme"],"latest_commit_sha":null,"homepage":"","language":"Shell","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/ArmandPhilippot.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}},"created_at":"2020-06-22T10:32:39.000Z","updated_at":"2023-04-02T11:49:03.000Z","dependencies_parsed_at":"2024-01-13T00:00:26.338Z","dependency_job_id":"10629308-bf66-4f62-9577-b5256a1231e6","html_url":"https://github.com/ArmandPhilippot/coldark-vscode","commit_stats":null,"previous_names":[],"tags_count":23,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArmandPhilippot%2Fcoldark-vscode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArmandPhilippot%2Fcoldark-vscode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArmandPhilippot%2Fcoldark-vscode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArmandPhilippot%2Fcoldark-vscode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ArmandPhilippot","download_url":"https://codeload.github.com/ArmandPhilippot/coldark-vscode/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248794572,"owners_count":21162614,"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":["coldark","dark-theme","light-theme","syntax-highlighting","theme","vscode","vscode-theme"],"created_at":"2025-01-21T17:17:59.362Z","updated_at":"2025-04-13T23:07:55.264Z","avatar_url":"https://github.com/ArmandPhilippot.png","language":"Shell","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003cimg src=\"assets/coldark-banner.png\" alt=\"Coldark Banner\" width=\"400\" /\u003e\n\u003c/p\u003e\n\n# Coldark - VS Code\n\n![GitHub License](https://img.shields.io/github/license/ArmandPhilippot/coldark-vscode?colorA=213043\u0026color=d0dae7\u0026logo=Github\u0026logoColor=e3eaf2\u0026style=for-the-badge) ![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/ArmandPhilippot.coldark?colorA=213043\u0026color=d0dae7\u0026logo=visual-studio-code\u0026logoColor=e3eaf2\u0026style=for-the-badge) ![Visual Studio Marketplace Rating](https://img.shields.io/visual-studio-marketplace/r/ArmandPhilippot.coldark?colorA=213043\u0026color=d0dae7\u0026logo=visual-studio-code\u0026logoColor=e3eaf2\u0026style=for-the-badge) ![Visual Studio Marketplace Downloads](https://img.shields.io/visual-studio-marketplace/d/ArmandPhilippot.coldark?colorA=213043\u0026color=d0dae7\u0026logo=visual-studio-code\u0026logoColor=e3eaf2\u0026style=for-the-badge\u0026label=VS%20Code%20Downloads) ![Open VSX Downloads](https://img.shields.io/badge/dynamic/json?label=Open%20VSX%20Downloads\u0026query=downloadCount\u0026url=https%3A%2F%2Fopen-vsx.org%2Fapi%2Farmandphilippot%2Fcoldark\u0026colorA=213043\u0026color=d0dae7\u0026style=for-the-badge\u0026logo=github\u0026logoColor=e3eaf2)\n\nAn optimized theme for web development that comes with two versions: light \u0026 dark.\n\n## Presentation\n\n[Coldark](https://github.com/ArmandPhilippot/coldark/) is a gray-blue theme. The colors used respect the Web Content Accessibility Guidelines (WCAG) in order to provide sufficient reading comfort. However, with opacity, it is possible that some contrasts are diminished and that they are above level AA.\n\n## Colors\n\nColdark consists of three color palettes. The first is common to both versions. The other two each apply to a version.\n\nI tried to keep the same descriptions for both versions. However, for complex themes like VS Code, it doesn't work. So I separated the descriptions into 2 sections:\n\n- Light Theme (Cold)\n- Dark Theme (Dark)\n\n### Light Theme\n\n| Hex Code | Preview | Description | Denomination |\n| :-: | :-: | --- | :-: |\n| `#e3eaf2` | ![#e3eaf2][#e3eaf2] | **Default background** – Also used as foreground for Button \u0026 Badges. | `coldark00` |\n| `#d0dae7` | ![#d0dae7][#d0dae7] | **Dark background** - Editor Gutter, Inputs, Line Highlight, Status bar (no folder), No tabs. Also used as foreground for Activity bar. | `coldark01` |\n| `#8da1b9` | ![#8da1b9][#8da1b9] | **Selection background** - Code block, Secondary buttons, Some highlighting. Also used for Borders. | `coldark02` |\n| `#3c526d` | ![#3c526d][#3c526d] | **Comments** - Invisible, Ignored, Placeholder. | `coldark03` |\n| `#213043` | ![#213043][#213043] | **Light foreground** – Inputs, Status bar (no folder), Embedded modals \u0026 Widgets. | `coldark04` |\n| `#111b27` | ![#111b27][#111b27] | **Default foreground** - Also used as Shadow and for most of Punctuation. | `coldark05` |\n| `#0b121b` | ![#0b121b][#0b121b] | **Dark foreground** – Also used as background for Activity bar. | `coldark06` |\n| `#f0f4f8` | ![#f0f4f8][#f0f4f8] | **Light background** – Tab active, Embedded modals, Widgets. | `coldark07` |\n| `#006d6d` | ![#006d6d][#006d6d] | **Cyan** - Merge incoming content, Parameters, Tags, Support constant, CSS Variables, Markup inline raw, Punctuation Section Embedded (e.g. `\u003c?php ?\u003e`) | `coldark08` |\n| `#755f00` | ![#755f00][#755f00] | **Yellow** - Modified, Hints, Integers, Boolean, Constants Language, Attribute Names, Shell Case Patterns, Markup Link URL | `coldark09` |\n| `#005a8e` | ![#005a8e][#005a8e] | **Blue** - Badges, Buttons, Find Match, Info, Merge current content, Selection (outside editor), Status bar (folder open), Namespaces, Classes, Variables, Constants Other, Markup Headings, Property names | `coldark10` |\n| `#116b00` | ![#116b00][#116b00] | **Green** - Added elements, Strings, CSS Colors, CSS Font names, Markup Link Text | `coldark11` |\n| `#af00af` | ![#af00af][#af00af] | **Magenta** - Untracked elements, Token Expression value Support, Regular Expressions, Escape Characters, Constant Characters, Storage Modifiers, Instances, Markup List Punctuation, CSS values | `coldark12` |\n| `#7c00aa` | ![#7c00aa][#7c00aa] | **Purple** - Unverified, Functions, CSS Classes \u0026 IDs | `coldark13` |\n| `#a04900` | ![#a04900][#a04900] | **Orange** - Warnings, Status bar (debugging), Keywords, Storage, CSS Pseudo elements | `coldark14` |\n| `#c22f2e` | ![#c22f2e][#c22f2e] | **Red** - Errors, Deleted, Invalids, Deprecated | `coldark15` |\n\n### Dark Theme\n\n| Hex Code | Preview | Description | Denomination |\n| :-: | :-: | --- | :-: |\n| `#111b27` | ![#111b27][#111b27] | **Default background** – Also used as foreground for Button \u0026 Badges. | `coldark00` |\n| `#213043` | ![#213043][#213043] | **Light background** - Embedded modals, Widgets, Line Highlight, Tab active. | `coldark01` |\n| `#3c526d` | ![#3c526d][#3c526d] | **Selection background** - Code block, Secondary buttons, Some highlighting. | `coldark02` |\n| `#8da1b9` | ![#8da1b9][#8da1b9] | **Comments** - Invisible, Ignored, Placeholder. | `coldark03` |\n| `#d0dae7` | ![#d0dae7][#d0dae7] | **Dark foreground** – Activity bar, Inputs, Status bar (no folder), Embedded modals \u0026 Widgets. | `coldark04` |\n| `#e3eaf2` | ![#e3eaf2][#e3eaf2] | **Default foreground** - Also used for most of Punctuation. | `coldark05` |\n| `#f0f4f8` | ![#f0f4f8][#f0f4f8] | **Light foreground** – Menu, Tab hover. | `coldark06` |\n| `#0b121b` | ![#0b121b][#0b121b] | **Dark background** - Activity bar, Inputs, Status bar (no folder), Editor Gutter, No tabs. Also used for Borders. | `coldark07` |\n| `#66cccc` | ![#66cccc][#66cccc] | **Cyan** - Merge incoming content, Parameters, Tags, Support constant, CSS Variables, Markup inline raw, Punctuation Section Embedded (e.g. `\u003c?php ?\u003e`) | `coldark08` |\n| `#e6d37a` | ![#e6d37a][#e6d37a] | **Yellow** - Modified, Hints, Integers, Boolean, Constants Language, Attribute Names, Shell Case Patterns, Markup Link URL | `coldark09` |\n| `#6cb8e6` | ![#6cb8e6][#6cb8e6] | **Blue** - Badges, Buttons, Find Match, Info, Merge current content, Selection (outside editor), Status bar (folder open), Namespaces, Classes, Variables, Constants Other, Markup Headings, Property names | `coldark10` |\n| `#91d076` | ![#91d076][#91d076] | **Green** - Added elements, Strings, CSS Colors, CSS Font names, Markup Link Text | `coldark11` |\n| `#f4adf4` | ![#f4adf4][#f4adf4] | **Magenta** - Untracked elements, Token Expression value Support, Regular Expressions, Escape Characters, Constant Characters, Storage Modifiers, Instances, Markup List Punctuation, CSS values | `coldark12` |\n| `#c699e3` | ![#c699e3][#c699e3] | **Purple** - Unverified, Functions, CSS Classes \u0026 IDs | `coldark13` |\n| `#e9ae7e` | ![#e9ae7e][#e9ae7e] | **Orange** - Warnings, Status bar (debugging), Keywords, Storage, CSS Pseudo elements | `coldark14` |\n| `#cd6660` | ![#cd6660][#cd6660] | **Red** - Errors, Deleted, Invalids, Deprecated | `coldark15` |\n\n## Screenshots\n\nOn Linux, the title bar and the menu are not customizable. The following screenshots were taken on Windows.\n\n### Cold\n\n[![Coldark Cold](./assets/coldark-cold.jpg)](./assets/coldark-cold.jpg)\n\n| PHP | CSS | JS |\n| --- | --- | --- |\n| [![Coldark Cold PHP](./assets/coldark-cold-php.jpg)](./assets/coldark-cold-php.jpg) | [![Coldark Cold CSS](./assets/coldark-cold-css.jpg)](./assets/coldark-cold-css.jpg) | [![Coldark Cold JS](./assets/coldark-cold-js.jpg)](./assets/coldark-cold-js.jpg) |\n\n### Dark\n\n[![Coldark Dark](./assets/coldark-dark.jpg)](./assets/coldark-dark.jpg)\n\n| PHP | CSS | JS |\n| --- | --- | --- |\n| [![Coldark Dark PHP](./assets/coldark-dark-php.jpg)](./assets/coldark-dark-php.jpg) | [![Coldark Dark CSS](./assets/coldark-dark-css.jpg)](./assets/coldark-dark-css.jpg) | [![Coldark Dark JS](./assets/coldark-dark-js.jpg)](./assets/coldark-dark-js.jpg) |\n\n## Install\n\nColdark for VS Code can be installed via the extension manager by searching for \"_Coldark_\".\n\nColdark is available in the [VisualStudio Marketplace](https://marketplace.visualstudio.com/items?itemName=ArmandPhilippot.coldark) and in the [Open VSX Registry](https://open-vsx.org/extension/armandphilippot/coldark). So, you can install it in VS Code, Code - OSS and VSCodium.\n\n## Disclaimer\n\n- I tested the theme on Linux (Manjaro) and Windows, but not on Mac.\n- I do not use all the features of VS Code: it is possible that some elements are not correctly incorporated within the theme.\n- I have not tested the versions with all possible languages, only with those that I use commonly.\n\nI added a file named [UNUSED.md](https://github.com/ArmandPhilippot/coldark-vscode/blob/master/UNUSED.md) to specify the unused settings.\n\nTested with:\n\n- HTML\n- CSS / SCSS\n- Javascript / JSX\n- Typescript / TSX\n- JSON\n- PHP\n- Markdown\n- Bash script\n\n## License\n\nThis project is open source and available under the [MIT License](https://github.com/ArmandPhilippot/coldark-vscode/blob/master/LICENSE).\n\n\u003c!-- REFERENCES --\u003e\n\n\u003c!-- UI Colors --\u003e\n\n[#f0f4f8]: https://via.placeholder.com/20/f0f4f8/000000?text=+\n[#e3eaf2]: https://via.placeholder.com/20/e3eaf2/000000?text=+\n[#d0dae7]: https://via.placeholder.com/20/d0dae7/000000?text=+\n[#8da1b9]: https://via.placeholder.com/20/8da1b9/000000?text=+\n[#3c526d]: https://via.placeholder.com/20/3c526d/000000?text=+\n[#213043]: https://via.placeholder.com/20/213043/000000?text=+\n[#111b27]: https://via.placeholder.com/20/111b27/000000?text=+\n[#0b121b]: https://via.placeholder.com/20/0b121b/000000?text=+\n\n\u003c!-- Syntax - Light Theme Colors --\u003e\n\n[#c22f2e]: https://via.placeholder.com/20/c22f2e/000000?text=+\n[#116b00]: https://via.placeholder.com/20/116b00/000000?text=+\n[#755f00]: https://via.placeholder.com/20/755f00/000000?text=+\n[#005a8e]: https://via.placeholder.com/20/005a8e/000000?text=+\n[#af00af]: https://via.placeholder.com/20/af00af/000000?text=+\n[#006d6d]: https://via.placeholder.com/20/006d6d/000000?text=+\n[#7c00aa]: https://via.placeholder.com/20/7c00aa/000000?text=+\n[#a04900]: https://via.placeholder.com/20/a04900/000000?text=+\n\n\u003c!-- Syntax - Dark Theme Colors --\u003e\n\n[#cd6660]: https://via.placeholder.com/20/cd6660/000000?text=+\n[#91d076]: https://via.placeholder.com/20/91d076/000000?text=+\n[#e6d37a]: https://via.placeholder.com/20/e6d37a/000000?text=+\n[#6cb8e6]: https://via.placeholder.com/20/6cb8e6/000000?text=+\n[#f4adf4]: https://via.placeholder.com/20/f4adf4/000000?text=+\n[#66cccc]: https://via.placeholder.com/20/66cccc/000000?text=+\n[#c699e3]: https://via.placeholder.com/20/c699e3/000000?text=+\n[#e9ae7e]: https://via.placeholder.com/20/e9ae7e/000000?text=+\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farmandphilippot%2Fcoldark-vscode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farmandphilippot%2Fcoldark-vscode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farmandphilippot%2Fcoldark-vscode/lists"}