{"id":20078490,"url":"https://github.com/stylishthemes/github-dark-syntax-themes","last_synced_at":"2026-05-13T09:07:56.680Z","repository":{"id":109755670,"uuid":"277255113","full_name":"StylishThemes/GitHub-Dark-Syntax-Themes","owner":"StylishThemes","description":"The redesign of GitHub Dark's syntax themes repo.","archived":false,"fork":false,"pushed_at":"2020-10-06T14:31:31.000Z","size":53,"stargazers_count":2,"open_issues_count":1,"forks_count":1,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-03-02T13:14:15.139Z","etag":null,"topics":["hacktoberfest","syntax-themes"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-2-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/StylishThemes.png","metadata":{"files":{"readme":"README.MD","changelog":null,"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":"2020-07-05T07:46:39.000Z","updated_at":"2024-03-25T07:51:07.000Z","dependencies_parsed_at":"2023-06-11T11:45:07.988Z","dependency_job_id":null,"html_url":"https://github.com/StylishThemes/GitHub-Dark-Syntax-Themes","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/StylishThemes/GitHub-Dark-Syntax-Themes","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StylishThemes%2FGitHub-Dark-Syntax-Themes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StylishThemes%2FGitHub-Dark-Syntax-Themes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StylishThemes%2FGitHub-Dark-Syntax-Themes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StylishThemes%2FGitHub-Dark-Syntax-Themes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/StylishThemes","download_url":"https://codeload.github.com/StylishThemes/GitHub-Dark-Syntax-Themes/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/StylishThemes%2FGitHub-Dark-Syntax-Themes/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32975240,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-13T06:31:55.726Z","status":"ssl_error","status_checked_at":"2026-05-13T06:31:51.336Z","response_time":115,"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":["hacktoberfest","syntax-themes"],"created_at":"2024-11-13T15:14:40.819Z","updated_at":"2026-05-13T09:07:56.652Z","avatar_url":"https://github.com/StylishThemes.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"githubdark-logo\" src=\"https://cdn.jsdelivr.net/gh/StylishThemes/logos@master/github.dark/githubdark-mini.svg\" width=\"580\"\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\"\u003e\u003cb\u003eSyntax Themes\u003c/b\u003e\u003c/h1\u003e\n\u003ch2 align=\"center\"\u003eYour eyes will\u0026nbsp;:heart:\u0026nbsp;you.\u003c/h2\u003e\n\n## Introduction\n\nThis will house the redesigned GitHub Dark syntax themes into a simpler theme switcher.\n\nEverything in themes directory will need cleaning up and preparing, eventually!\n\n## Do NOT install this theme, its not ready for any type of consumption.\n\n## Benefits of this method\n\nCurrently if we have 10 syntax themes we need separate stylesheest for each scheme, then we need GitHub/Jupyter/CodeMirror sheets thats is already 30 stylesheets,\nduplication of selectors alone is HUGE. This will cut that to a saner total.\n\nAdding new color themes will be simpler, since they will follow an established preset,\nthis will cut implementation time of any theme by 2 thirds at least.\n\nNo more implementing only Github themes with missing counterparts.\nthis will be utterly disalowed by design. Anyone implementing a new theme has to complete all entries, test and ensure maximum bug free and consistency.\n\n## Design methodology\n\nThere will be a userCSS select dropdown for the predefined themes + custom user selectable custom colors.\n\nThe new themes will be predefined just :root` color values, each `:root` color value will be assigned to the relevant selectors within the CodeMirror, Jupyter, GitHub, etc couterparts.\n\nThe theme switcher will then allow you to select one theme scheme and all 3 or 4 theme sheets will immediatly use the selected theme colors thoughout.\n\nUsers will not be able to select individual themes for Jupyter or CodeMirror/GitHub.\n\nExample \n\n```css\n@name         GitHub Dark Syntax Themes\n@version      0.0.0\n@description  A Syntax theme switcher for GitHub Dark\n@namespace    StylishThemes\n@author       StylishThemes\n@homepageURL  https://github.com/StylishThemes/GitHub-Dark-Syntax-Themes\n@supportURL   https://github.com/StylishThemes/GitHub-Dark-Syntax-Themes/issues/new/choose\n@updateURL    https://github.com/StylishThemes/GitHub-Dark-Syntax-Themes/github-dark-syntax-themes.css\n@license      BSD-2-Clause\n@preprocessor stylus\n\n@var select syntaxTheme \"Choose syntax theme\" [\n\t\"Ambiance\",\n\t\"Twilight\",\n\t\"Custom\"\n]\n\n@var color color-01 \"Color 1\"  #00f\n@var color color-02 \"Color 2\"  #24c2c7\n@var color color-03 \"Color 3\"  #cda869\n@var color color-04 \"Color 4\"  #cf7ea9\n@var color color-05 \"Color 5\"  #78cf8a\n@var color color-06 \"Color 6\"  #aac6e3\n@var color color-07 \"Color 7\"  #ffb795\n@var color color-08 \"Color 8\"  #eed1b3\n\n==/UserStyle== */\n\n@-moz-document regexp(\"^https?://((education|gist|guides|docs|lab|raw|resources|status|developer|support)\\\\.)?github\\\\.com/((?!generated_pages/preview).)*$\"), domain(\"githubusercontent.com\"), domain(\"graphql-explorer.githubapp.com\"), domain(\"www.githubstatus.com\") {\n  :root {\n    if syntaxTheme==\"Ambiance\" {\n      --color-01: #cf7ea9;\n      --color-02: #9b859d;\n      --color-03: #24c2c7;\n      --color-04: #99c;\n      --color-05: #555;\n      --color-06: #aac6e3;\n      --color-07: #af2018;\n      --color-08: #00f;\n    }\n    else if syntaxTheme==\"Twilight\" {\n      --color-01: #fc0;\n      --color-02: #d6bb6d;\n      --color-03: #cda869;\n      --color-04: #777;\n      --color-05: #8da6ce;\n      --color-06: #f00;\n      --color-07: #ff6400;\n      --color-08: #aeaeae;\n    }\n    else if syntaxTheme==\"Custom\" {\n      --color-01: color-01;\n      --color-02: color-02;\n      --color-03: color-03;\n      --color-04: color-04;\n      --color-05: color-05;\n      --color-06: color-06;\n      --color-07: color-07;\n      --color-08: color-08;\n    }\n  }\n  /* Codemirror */\n  .cm-atom {\n    color: var(--color-01) !important;\n  }\n  /* GitHub */\n  .pl-c /* comment, punctuation.definition.comment, string.comment */ {\n    color: var(--color-01)\n  }\n  /* Jupyter */\n  #notebook .input_area:not(.highlight), body.api pre,\n  :is(#notebook, body.api) .highlight,\n  :is(#notebook, body.api) .highlight pre,\n  :is(#notebook, body.api) .highlight table { background: var(--color-08) !important; color: var(--color-01) !important; }\n}\n```\n\n## Todo\n\nSome items in this todo list can be automated, if you know enough javaScript, please do help out, elase its all manual and tedious, and OMG.\n\nIdeally each template will include all selectors in use, this is not true in some cases,\neach OLD implementation we are basing this on within themes dir was pretty much dealers choice and followed no common standard.\n\nTherefore the themes need cleaning up and asserting templates after some cleanup/pre work.\n\n- [ ] Alphabetize all selectors in all themes Codemirror, GitHub, Jupyter\n      (this will allow some sane order to extract the colors so that later these colors can be assigned in a way that works with the new design.)\n- [ ] Extract colors\n      Consider limiting each pallete to a fixed number of colors, currently some codemirror has 35 unique colors, there are 35 CSS vars then, too many IMO,\n      Not all themes have 35 colors even, so K.I.S.S.\n- [ ] These extracted colors need to be grouped greys with greys, greens with greens, reds with reds etch and so on, I think =)\n- [ ] Assign extracted colors to the CSS vars\n- [ ] Assign CSS vars in a manner that it works as close as possible to the actual themes (twilight will look like twilight, jupyter will look like jupyter etc).\n- [ ] Implement `hljs` stylesheet, used in Github doc sites and graphql.\n- [ ] Include missing diff colors and other syntax related selectors in respective themes so all colors match including diff colors etc.\n- [ ] Add selectors for each theme is releavant part\n- [ ] Ship it.\n\nSomething else I forget Im sure at this time, this is to get ball rolling.\n\n## I want to help.\n\nBy all means, this is an insane undertaking, boring tedious work, we should coordinate so each person is doing one job no one else is doing, feel free to open an issue to discuss this.\n\nATM this job was self assigned, why IDK, but it needs doing, our syntax themes are insanely broken.\n\n## Considerations\n\nUptream bugs in syntax themes need to be addressed also, see https://github.com/StylishThemes/GitHub-Dark/issues/1052\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstylishthemes%2Fgithub-dark-syntax-themes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstylishthemes%2Fgithub-dark-syntax-themes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstylishthemes%2Fgithub-dark-syntax-themes/lists"}