{"id":37110085,"url":"https://github.com/jamesummec/optimized-dracula-theme","last_synced_at":"2026-01-14T13:04:40.936Z","repository":{"id":37467921,"uuid":"501529810","full_name":"JamesUmmec/optimized-dracula-theme","owner":"JamesUmmec","description":"Optimized dracula theme vscode extension for flutter, web, electron and golang development.","archived":false,"fork":false,"pushed_at":"2022-06-21T13:51:15.000Z","size":60,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2023-09-14T03:26:21.507Z","etag":null,"topics":["dart","dracula-theme","electron","flutter","golang","less","scss","ts","vscode-theme","vue","webapp"],"latest_commit_sha":null,"homepage":"","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/JamesUmmec.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"license.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-06-09T06:24:00.000Z","updated_at":"2023-09-14T03:26:21.508Z","dependencies_parsed_at":"2022-09-08T18:21:05.385Z","dependency_job_id":null,"html_url":"https://github.com/JamesUmmec/optimized-dracula-theme","commit_stats":null,"previous_names":[],"tags_count":11,"template":null,"template_full_name":null,"purl":"pkg:github/JamesUmmec/optimized-dracula-theme","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JamesUmmec%2Foptimized-dracula-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JamesUmmec%2Foptimized-dracula-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JamesUmmec%2Foptimized-dracula-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JamesUmmec%2Foptimized-dracula-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JamesUmmec","download_url":"https://codeload.github.com/JamesUmmec/optimized-dracula-theme/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JamesUmmec%2Foptimized-dracula-theme/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28420816,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-14T10:47:48.104Z","status":"ssl_error","status_checked_at":"2026-01-14T10:46:19.031Z","response_time":107,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":["dart","dracula-theme","electron","flutter","golang","less","scss","ts","vscode-theme","vue","webapp"],"created_at":"2026-01-14T13:04:40.169Z","updated_at":"2026-01-14T13:04:40.928Z","avatar_url":"https://github.com/JamesUmmec.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Optimized Dracula Theme\n\nA color theme inspired by dracula color theme.\n\nThis color theme is not based on dracula color theme.\nThe color styles are similar with dracula color theme\nbut all highlighting configurations are redesigned.\nAll color configs are designed for a better looking in details.\n\nThis color theme extension is aimed to provide a better dev experience.\nIt cannot support all those commonly used languages,\nbut once it supports a language,\nthis color theme will help you to be more comfortable and productive.\nThe project is still under development.\n\n![](https://github.com/JamesUmmec/imagebed/blob/main/images/20220609205328.png?raw=true)\n\nThere's a special version for `vue` development,\nif you are develop with `vue` framework,\nyou can consider using `Optimized Dracula Theme (vue)`.\n\n## Supported languages and frameworks.\n\nSome of the languages or frameworks requires some extensions for code parsing.\nWithout those extensions, the code highlighting theme will not work normally.\nSupport status of the languages are listed as follows.\n\n| lang     | basic | comment doc | special | require extension     |\n| -------- | :---: | :---------: | :-----: | --------------------- |\n| dart     |   ✔   |      ✔      |    ✔    | `Dart-Code.dart-code` |\n| go       |   ✔   |     ---     |    ✔    | `golang.go`           |\n| ts/js    |   ✔   |      ✔      |    ✔    | ---                   |\n| rust     |  ❌   |     ❌      |   ❌    | ---                   |\n| c/cpp    |  ❌   |     ❌      |   ❌    | ---                   |\n| c#       |  ❌   |     ❌      |   ❌    | ---                   |\n| swift    |  ❌   |     ❌      |   ❌    | ---                   |\n| python   |  ❌   |     ❌      |   ❌    | ---                   |\n| java     |  ❌   |     ❌      |   ❌    | ---                   |\n| html     |   ✔   |     ---     |   ---   | ---                   |\n| vue      |   ✔   |      ✔      |    ✔    | `Vue.volar`           |\n| react    |  ❌   |     ---     |   ❌    | ---                   |\n| css      |   ✔   |     ---     |   ---   | ---                   |\n| scss     |   ✔   |     ---     |    ✔    | ---                   |\n| sass     |  ❌   |     ---     |   ❌    | ---                   |\n| less     |   ✔   |     ---     |    ✔    | ---                   |\n| json     |   ✔   |     ---     |   ---   | ---                   |\n| jsonc    |   ✔   |     ---     |   ---   | ---                   |\n| yaml     |   ✔   |     ---     |   ---   | ---                   |\n| markdown |   ✔   |     ---     |    ✔    | ---                   |\n\n- `basic` means basic keywords, class/type, method/function highlighting.\n- `comment doc` means highlighting of variables in documentation comment.\n- `special` means special optimization for the language,\n  such as readonly variables in `ts`/`js`,\n  namespace in `ts`, and property names in `dart`.\n- `required extension` means the highlighting might not be normal\n  without those extensions.\n\n\u003e Comment documentation for golang is not supported\n\u003e by vscode `golang.go` extension yet.\n\u003e If comment doc of golang is necessary for your project,\n\u003e please consider [Goland](https://www.jetbrains.com/go/)\n\u003e by [JetBrains](https://www.jetbrains.com/).\n\u003e Or if you find an available golang comment doc extension,\n\u003e please notice the developer on\n\u003e [Github Issues](https://github.com/JamesUmmec/optimized-dracula-theme/issues).\n\n## Cancel italic style of comments.\n\nIf you do not like italic style comments,\njust add those code into your `.vscode/settings.json` config file.\n\n```jsonc\n{\n  // Use workspace config to cancel comments italic style.\n  \"editor.tokenColorCustomizations\": {\n    \"[Optimized Dracula Theme]\": {\n      \"textMateRules\": [\n        {\n          \"scope\": [\"comment.line\", \"comment.block\"],\n          \"settings\": {\n            \"fontStyle\": \"\"\n          }\n        }\n      ]\n    }\n  }\n}\n```\n\n## Related recommendations.\n\nThis extension only config color themes.\nThe following recommendations can provide a better dev experience\nalong with this color theme.\n\n### Font family recommendations.\n\nThis extension uses [Iosevka](https://typeof.net/Iosevka/)\nas the default font face for debug.\nCJK users can consider [Sarasa Mono](https://picaq.github.io/sarasa/),\nwhich is based on [Iosevka](https://typeof.net/Iosevka/).\n\n### Icon theme recommendations.\n\n`JonathanHarty.gruvbox-material-icon-theme`.\n\n### Config recommendations.\n\nYou can add those code into your `.vscode/settings.json` file.\n\n```jsonc\n{\n  // Workbench basic configs.\n  \"workbench.iconTheme\": \"gruvbox-material-icon-theme\",\n  \"editor.bracketPairColorization.enabled\": false,\n\n  // Font size configs.\n  \"editor.lineHeight\": 1.5,\n  \"editor.fontSize\": 15,\n  \"editor.fontLigatures\": true,\n\n  // Minimap configs.\n  \"editor.minimap.enabled\": true,\n  \"editor.minimap.maxColumn\": 80,\n  \"editor.minimap.scale\": 2,\n  \"editor.minimap.size\": \"proportional\",\n  \"editor.minimap.renderCharacters\": false,\n  \"editor.minimap.showSlider\": \"always\",\n\n  // workbench display configuration\n  \"workbench.tree.indent\": 18,\n  \"workbench.tree.renderIndentGuides\": \"always\",\n  \"workbench.tree.expandMode\": \"doubleClick\"\n}\n```\n\n## Developers read.\n\nThis repo requires `vsce` **globally** installed,\nor the npm scripts will not be available.\nSee [vsce npm homepage](https://www.npmjs.com/package/vsce).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjamesummec%2Foptimized-dracula-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjamesummec%2Foptimized-dracula-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjamesummec%2Foptimized-dracula-theme/lists"}