{"id":13682250,"url":"https://github.com/gaearon/subliminal","last_synced_at":"2025-04-05T15:06:10.599Z","repository":{"id":40005251,"uuid":"131546414","full_name":"gaearon/subliminal","owner":"gaearon","description":"An opinionated minimalistic VS Code theme for JavaScript","archived":false,"fork":false,"pushed_at":"2019-03-29T16:15:37.000Z","size":739,"stargazers_count":630,"open_issues_count":16,"forks_count":25,"subscribers_count":13,"default_branch":"master","last_synced_at":"2024-10-29T17:22:42.536Z","etag":null,"topics":["javascript","spacegray","sublime","vscode-theme"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=gaearon.subliminal","language":null,"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/gaearon.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}},"created_at":"2018-04-30T02:01:00.000Z","updated_at":"2024-09-29T05:41:19.000Z","dependencies_parsed_at":"2022-06-26T06:02:33.423Z","dependency_job_id":null,"html_url":"https://github.com/gaearon/subliminal","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/gaearon%2Fsubliminal","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaearon%2Fsubliminal/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaearon%2Fsubliminal/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaearon%2Fsubliminal/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gaearon","download_url":"https://codeload.github.com/gaearon/subliminal/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247353732,"owners_count":20925329,"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":["javascript","spacegray","sublime","vscode-theme"],"created_at":"2024-08-02T13:01:42.885Z","updated_at":"2025-04-05T15:06:10.568Z","avatar_url":"https://github.com/gaearon.png","language":null,"readme":"# Subliminal\n\n[![Version](https://vsmarketplacebadge.apphb.com/version/gaearon.subliminal.svg)](https://marketplace.visualstudio.com/items?itemName=gaearon.subliminal)\n[![Downloads](https://img.shields.io/vscode-marketplace/d/gaearon.subliminal.svg)](https://marketplace.visualstudio.com/items?itemName=gaearon.subliminal)  \n    \n**Subliminal** is an opinionated minimalistic VS Code theme that is very loosely based on [Oceanic Next](https://github.com/voronianski/oceanic-next-color-scheme) and [Spacegray](https://github.com/kkga/spacegray). See [Credits](#credits) for a detailed lineage.\n\n**Note: support for languages other than JavaScript is pretty much non-existent right now. Pull requests to fix this are welcome.**\n\n![Screenshot](screenshot.png)\n\n## Disclaimer\n\nI’m just sharing what works for me. I’m an engineer and not a graphic designer.\n\nThis theme is intentionally focused on a small subset of VS Code features that I use (basic editing, file tree, and debugger) and may not work well in other scenarios. However, I’ll happily take changes that respect the design intention but fix rough edges in parts I didn’t polish (e.g. viewing diffs, terminal, or search).\n\nThe theme is intentionally [very opinionated](https://mobile.twitter.com/dan_abramov/status/990768800717996032) and we may disagree about some of its choices. Philosophically, it owes some inspiration to [Alabaster](https://github.com/tonsky/vscode-theme-alabaster) and [White](https://github.com/arthurwhite/white-theme-vscode). I love colors though.\n\nThe config is pretty hacky and was only tested with [Sublime Babel](https://github.com/joshpeng/Sublime-Babel-VSCode) syntax. The theme is probably horribly broken with other languages (even JSON or CSS). Pull requests to fix this that adhere to the theme’s JS look and feel are welcome.\n\n## More Than a Theme\n\nTo me, this isn’t just a theme, but an attempt to recreate a more minimalistic experience that I’m used to from Sublime Text. I suggest using these settings for the intended effect:\n\n```js\n{\n    // ...\n    \"editor.fontSize\": 18,\n    \"editor.folding\": false,\n    \"editor.hideCursorInOverviewRuler\": true,\n    \"editor.lineHeight\": 26,\n    \"editor.lineNumbers\": \"off\",\n    \"editor.matchBrackets\": false,\n    \"editor.minimap.enabled\": false,\n    \"editor.occurrencesHighlight\": false,\n    \"editor.overviewRulerBorder\": false,\n    \"editor.renderIndentGuides\": false,\n    \"editor.renderLineHighlight\": \"none\",\n    \"editor.scrollbar.horizontal\": \"hidden\",\n    \"explorer.openEditors.visible\": 0,\n    \"window.zoomLevel\": 0,\n    \"workbench.activityBar.visible\": false,\n    \"workbench.colorTheme\": \"Subliminal\",\n    \"workbench.iconTheme\": null,\n    \"workbench.editor.showIcons\": false,\n    \"workbench.statusBar.visible\": false,\n}\n```\n\nNote this will hide Status Bar and Activity Bar because I don’t use them.  \nI suggest to memorize these shortcuts instead:\n\n* \u003ckbd\u003eshift\u003c/kbd\u003e + \u003ckbd\u003ecommand\u003c/kbd\u003e + \u003ckbd\u003eE\u003c/kbd\u003e for Explorer (file tree).  \n* \u003ckbd\u003eshift\u003c/kbd\u003e + \u003ckbd\u003ecommand\u003c/kbd\u003e + \u003ckbd\u003eD\u003c/kbd\u003e for Debugger.  \n* \u003ckbd\u003ecommand\u003c/kbd\u003e + \u003ckbd\u003eB\u003c/kbd\u003e to show and hide the left pane.\n\nSince we turned off Code’s default matching brackets highlighting, install [this extension](https://marketplace.visualstudio.com/items?itemName=rafamel.subtle-brackets) that does it better.\n\nFurthermore, to reduce the noise I prefer to turn off some features:\n\n```js\n{\n    // ...\n    \"javascript.validate.enable\": false,\n    \"editor.suggestOnTriggerCharacters\": false,\n    \"editor.parameterHints\": false,\n    \"editor.quickSuggestions\": false,\n    \"editor.hover\": false,\n}\n```\n\nYour mileage may vary.\n\n## Going a Step Further\n\nIf you don’t mind potentially breaking your VS Code setup beyond the point of recovery, I recommend trying [this extension](https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css) with the following custom CSS:\n\n```css\n.title-actions \u003e .monaco-toolbar \u003e .monaco-action-bar \u003e .actions-container \u003e .action-item \u003e .action-label.icon.explorer-action {\n  display: none !important;\n}\n.editor-actions \u003e .monaco-toolbar \u003e .monaco-action-bar {\n  display: none !important;\n}\n```\n\nThis will remove the icon buttons on panels.\n\nYou may notice VS Code isn’t very happy about you overriding its CSS. You can remove the warning from title bar with [this extension](https://marketplace.visualstudio.com/items?itemName=fabiospampinato.vscode-no-unsupported).\n\nDon’t say I didn’t warn you everything might break.\n\n## Credits\n\nForked from [this theme](https://github.com/marioterron/one-dark-bimbo-theme) which is itself based on [these](https://github.com/pawelgrzybek/bimbo-theme) [two](https://github.com/Binaryify/OneDark-Pro) themes. Most of the original credit goes to the [Oceanic Next](https://github.com/voronianski/oceanic-next-color-scheme) color scheme by [Dmitri Voronianski](https://github.com/voronianski). I ended up changing most colors and their mappings quite significantly though.\n\nPhilosophically, it owes some inspiration to [Alabaster](https://github.com/tonsky/vscode-theme-alabaster) and [White](https://github.com/arthurwhite/white-theme-vscode). I love colors though.\n\nThe UI chrome styling is inspired by [Spacegray](https://github.com/kkga/spacegray) by [Gadzhi Kharkharov](https://github.com/kkga) although my theme is much more sloppy. If you can make it less sloppy and more in the spirit of the original, send a PR.\n\n## License\n\nMIT\n","funding_links":[],"categories":["Others","VS Code"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgaearon%2Fsubliminal","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgaearon%2Fsubliminal","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgaearon%2Fsubliminal/lists"}