{"id":17677811,"url":"https://github.com/adamslack/dracula-css","last_synced_at":"2025-08-19T10:05:46.301Z","repository":{"id":122722790,"uuid":"290597814","full_name":"AdamSlack/dracula-css","owner":"AdamSlack","description":"The colours from the dracula colour scheme as a set of css variables.","archived":false,"fork":false,"pushed_at":"2020-08-26T20:42:48.000Z","size":1,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-05T20:06:18.436Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AdamSlack.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2020-08-26T20:28:13.000Z","updated_at":"2020-08-28T07:38:22.000Z","dependencies_parsed_at":null,"dependency_job_id":"d55689cf-419a-4073-89b1-cadaa5f2a7fa","html_url":"https://github.com/AdamSlack/dracula-css","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdamSlack%2Fdracula-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdamSlack%2Fdracula-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdamSlack%2Fdracula-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdamSlack%2Fdracula-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AdamSlack","download_url":"https://codeload.github.com/AdamSlack/dracula-css/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246358251,"owners_count":20764366,"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-10-24T07:41:56.046Z","updated_at":"2025-03-30T17:48:10.418Z","avatar_url":"https://github.com/AdamSlack.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# dracula-css\nThe colours from the [Dracula Theme](https://draculatheme.com/) as a set of css variables.\n\n\n```css\n:root {\n  --background: #282a36;\n  --current-line: #44475a;\n  --foreground: #f8f8f2;\n  --comment: #6272a4;\n  --cyan: #8be9fd;\n  --green: #50fa7b;\n  --orange: #ffb86c;\n  --pink: #ff79c6;\n  --purlple: #bd93f9;\n  --red: #ff5555;\n  --yellow: #f1fa8c;\n}\n```\n\n\nYou may also want to make use of:\n```css\n:root {\n  --background-lighter: #383a59;\n}\n```\nColour Chip                                                     | Hex       | Name\n----------------------------------------------------------------|-----------|----------------------\n![#282a36](https://via.placeholder.com/60/282a36/000000?text=+) | `#282a36` | `background`\n![#383a59](https://via.placeholder.com/60/383a59/000000?text=+) | `#383a59` | `background-lighter `\n![#44475a](https://via.placeholder.com/60/44475a/000000?text=+) | `#44475a` | `current-line`\n![#f8f8f2](https://via.placeholder.com/60/f8f8f2/000000?text=+) | `#f8f8f2` | `foreground`\n![#6272a4](https://via.placeholder.com/60/6272a4/000000?text=+) | `#6272a4` | `comment`\n![#8be9fd](https://via.placeholder.com/60/8be9fd/000000?text=+) | `#8be9fd` | `cyan`\n![#50fa7b](https://via.placeholder.com/60/50fa7b/000000?text=+) | `#50fa7b` | `green`\n![#ffb86c](https://via.placeholder.com/60/ffb86c/000000?text=+) | `#ffb86c` | `orange`\n![#ff79c6](https://via.placeholder.com/60/ff79c6/000000?text=+) | `#ff79c6` | `pink`\n![#bd93f9](https://via.placeholder.com/60/bd93f9/000000?text=+) | `#bd93f9` | `purlple`\n![#ff5555](https://via.placeholder.com/60/ff5555/000000?text=+) | `#ff5555` | `red`\n![#f1fa8c](https://via.placeholder.com/60/f1fa8c/000000?text=+) | `#f1fa8c` | `yellow`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadamslack%2Fdracula-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadamslack%2Fdracula-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadamslack%2Fdracula-css/lists"}