{"id":13832997,"url":"https://github.com/FarhadG/code-mirror-themes","last_synced_at":"2025-07-09T20:31:03.582Z","repository":{"id":26511231,"uuid":"29963934","full_name":"FarhadG/code-mirror-themes","owner":"FarhadG","description":":memo: A large collection of Code Mirror themes for your coding pleasure","archived":false,"fork":false,"pushed_at":"2021-10-03T22:39:14.000Z","size":723,"stargazers_count":166,"open_issues_count":2,"forks_count":41,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-06-19T16:16:00.566Z","etag":null,"topics":["code-mirror","codemirror","codemirror-themes"],"latest_commit_sha":null,"homepage":"http://farhadg.github.io/code-mirror-themes/","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/FarhadG.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}},"created_at":"2015-01-28T11:10:49.000Z","updated_at":"2025-05-26T13:56:44.000Z","dependencies_parsed_at":"2022-08-07T12:00:37.197Z","dependency_job_id":null,"html_url":"https://github.com/FarhadG/code-mirror-themes","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/FarhadG/code-mirror-themes","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FarhadG%2Fcode-mirror-themes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FarhadG%2Fcode-mirror-themes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FarhadG%2Fcode-mirror-themes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FarhadG%2Fcode-mirror-themes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FarhadG","download_url":"https://codeload.github.com/FarhadG/code-mirror-themes/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FarhadG%2Fcode-mirror-themes/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264502646,"owners_count":23618663,"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":["code-mirror","codemirror","codemirror-themes"],"created_at":"2024-08-04T11:00:36.811Z","updated_at":"2025-07-09T20:31:03.089Z","avatar_url":"https://github.com/FarhadG.png","language":"CSS","funding_links":[],"categories":["Themes"],"sub_categories":[],"readme":"CodeMirror Themes\n=================\n\nCodeMirror is a great online editor, however, it's lacking some good themes. So, here are a crap ton for your coding pleasure.\n\nI used this \u003ca href=\"https://github.com/FarhadG/codeMirror-aceEditor-theme-generator\" target=\"_blank\"\u003etheme generator\u003c/a\u003e to export themes from editors such as Sublime Text, Ace Editor and TextMate.\n\nIf something is not working or you would like a new feature, please use the issues page.\n\n\n## Demo\n\nHere's a theme I extracted from one of my favorite Sublime Themes.\n\n\u003ca href=\"http://farhadg.github.io/code-mirror-themes/\" target=\"_blank\"\u003e\u003cimg width=\"500px\" style='width: 100%' src='https://i.ibb.co/HFP1wFD/Screen-Shot-2021-10-03-at-3-37-37-PM.png' /\u003e\u003c/a\u003e\n\nClick \u003ca href=\"http://farhadg.github.io/code-mirror-themes/\" target=\"_blank\"\u003eHERE\u003c/a\u003e for a demo where you can switch between various themes on the fly. A few modifications were made to the base styling to make the default theme look better; e.g. line-heights, fonts, etc. Some version have a default version included (from CodeMirror).\n\n\n## Installation\n\nYou can install via `npm` and simply refer to the theme you want within the `themes` directory.\n\n```\n  $ npm i code-mirror-themes --save\n```\n\nYou can install via `bower` and simply refer to the theme you want within the `themes` directory.\n\n```\n  $ bower i code-mirror-themes --save\n```\n\nYou can simply fork and clone (or download) the repo into your local directory and check out the themes folder for the CSS files.\n\n```\n  $ git clone https://github.com/FarhadG/code-mirror-themes\n  $ cd code-mirror-themes/themes\n```\n\nYou can also run a server to run `index.html` for a demo showcasing all of the themes.\n\n\n## Usage\n\nOnce you have the desired CSS file, you simply configure your CodeMirror editor and pass in the theme's name as the CodeMirror theme name (use lowercase and treat spaces with hyphens). For example, here's a simple configuration.\n\n```javascript\n// Theme Name: Bespin\nvar myCodeMirror = CodeMirror(document.body, {\n    mode: 'javascript',\n    lineNumbers: true,\n    theme: 'bespin'\n});\n\n// Theme Name: All Hallow Eve\nvar myCodeMirror = CodeMirror(document.body, {\n    mode: 'javascript',\n    lineNumbers: true,\n    theme: 'all-hallow-eve'\n});\n```\n\n\n## GUI Interface\n\nAlso, here's a \u003ca href=\"http://tmtheme-editor.herokuapp.com/\" target=\"_blank\"\u003eLINK\u003c/a\u003e for making SublimeText and TextMate themes with a visual interface. After saving the file, you can, then, take the file and run this \u003ca href=\"https://github.com/FarhadG/codeMirror-aceEditor-theme-generator\" target=\"_blank\"\u003etheme generator\u003c/a\u003e for converting the XML to CodeMirror's CSS.\n\n\n## Options\n\nI'll be adding more features; that said, if you'd like a feature, let me know so that I'll try and implement it into future updates.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FFarhadG%2Fcode-mirror-themes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FFarhadG%2Fcode-mirror-themes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FFarhadG%2Fcode-mirror-themes/lists"}