{"id":22852605,"url":"https://github.com/n8rzz/ss-octopus","last_synced_at":"2025-03-31T07:10:24.037Z","repository":{"id":82227463,"uuid":"141775816","full_name":"n8rzz/ss-octopus","owner":"n8rzz","description":"A simple Dark theme for VSCode with a muted color palette and smart code highlighting","archived":false,"fork":false,"pushed_at":"2020-03-15T05:13:00.000Z","size":3388,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-06T11:40:22.809Z","etag":null,"topics":["dark-theme","visual-studio-code","vscode","vscode-theme"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=n8rzz.ss-octopus","language":"JavaScript","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/n8rzz.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-07-21T02:46:40.000Z","updated_at":"2021-02-09T22:24:00.000Z","dependencies_parsed_at":"2023-04-05T10:46:35.453Z","dependency_job_id":null,"html_url":"https://github.com/n8rzz/ss-octopus","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/n8rzz%2Fss-octopus","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/n8rzz%2Fss-octopus/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/n8rzz%2Fss-octopus/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/n8rzz%2Fss-octopus/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/n8rzz","download_url":"https://codeload.github.com/n8rzz/ss-octopus/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246429487,"owners_count":20775807,"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":["dark-theme","visual-studio-code","vscode","vscode-theme"],"created_at":"2024-12-13T06:08:44.030Z","updated_at":"2025-03-31T07:10:24.031Z","avatar_url":"https://github.com/n8rzz.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SS-Octopus Theme\n\nA Dark theme for [Visual Studio Code](http://code.visualstudio.com/).\n\n## Color Palette\n\n![color-palette](images/color-palette.png)\n\n## Supports\n\n* Typescript\n* ES2015+\n* Node\n* HTML\n* SCSS\n* CSS\n* JSON\n* Dockerfile\n* Ruby\n* Go\n* Nginx\n* yml\n\n_SS-Octopus was written by me, for me.  As such, I don't expect this theme to work for everybody or, perhaps, anybody._\n\n## Examples\n\n### Javascript\n\n#### Angular\n\n![Angular Example](images/angular-example.png)\n\n#### Typescript\n\n![Typescript Example](images/typescript-example.png)\n\n#### ES2015+\n\n![ES2015+ Example](images/es-2015-plus-example.png)\n\n#### Node\n\n![Node Example](images/node-example.png)\n\n### SCSS\n\n![SCSS Example](images/scss-example.png)\n\n### Ruby\n\n![Ruby Example](images/ruby-example.png)\n\n### Go\n\n![Go Example](images/go-example.png)\n\n### JSON\n\n![json Example](images/json-example.png)\n\n### YML\n\n![yml Example](images/yml-example.png)\n\n## Installation\n\n1) Go to Extensions\n1) Search for ss-octopus\n1) Install\n1) Restart Visual Studio Code (or click Reload window)\n1) Go to Preferences → Color Theme and choose SS-Octopus\n\n**Enjoy!**\n\n---\n\n## User Settings\n\nAs of March 2020, some settings within VSCode are starting to conflict with the colors provided by this theme:\n\n### Incorrect Color\n\n![incorrect-color-without-settings-override](images/incorrect-color-without-settings-override.png)\n\n### Correct Color\n\n![correct-color-with-settings-override](images/correct-color-with-settings-override.png)\n\nGood news, there is a simple fix!  In order to get back to the correct colors, a new setting must be added to your `settings.json` file:\n\n```json\n\"editor.semanticHighlighting.enabled\": false\n```\n\n## Selection Styles\n\nColoring a selection in VSCode is tricky.  I've done my best to make the selection styles work with the theme, however, it's not perfect.  If you wish to make some tweaks of your own, feel free to modify the following `workbench.colorCustomizations` within your `settings.json` file.\n\n```json\n\"workbench.colorCustomizations\": {\n  \"editor.findMatchBackground\": \"#ffffff01\",\n  \"editor.findMatchBorder\": \"#9735c566\",\n  \"editor.findMatchHighlightBackground\": \"#4e315355\",\n  \"editor.findMatchHighlightBorder\": \"#f700ff22\",\n  \"editor.selectionBackground\": \"#0b5827aa\",\n  \"editor.selectionHighlightBackground\": \"#0b582777\",\n  \"editor.selectionHighlightBorder\": \"#5aca7699\",\n  \"editor.wordHighlightBackground\": \"#00ffff11\",\n  \"editor.wordHighlightBorder\": \"#5aca7699\",\n  \"editor.wordHighlightStrongBackground\": \"#00ffff40\",\n  \"editor.wordHighlightStrongBorder\": \"#5aca7699\"\n}\n```\n\n## The Squishy Parts\n\n### Motivation\n\nI wanted to make a theme that satisfied some of the pain points I've run into with existing themes.  The goals for SS-Octopus are:\n\n* Support the languages I frequently work with\n* Highlight mostly the important parts of the code\n* Allow for easy updating by organizing theme by color, not by scope\n\n### Why ss-octopus\n\nTwo (bad) reasons:\n\n1) For some reason I like to name some of my projects as if they were ships, prefixed with `ss` and named after some creature of the sea\n1) I previously wrote an unpublished theme for the [Atom](https://atom.io/) editor that had the same name\n\nEssentially, *SS-Octopus* is a nonsensical name that makes me giggle softly when I see it because I know it doesn't mean anything.\n\n### Inspirations\n\n* This whole adventure started after I read the `Motivation` section of the [Alabaster Theme](https://github.com/tonsky/vscode-theme-alabaster) readme.\n* Example files from [Night Owl](https://github.com/sdras/night-owl-vscode-theme)\n  * `angular.component.ts`\n  * `react.js`\n  * `ruby.rb`\n  * `yml.yml`\n\n## License\n\n[MIT License](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fn8rzz%2Fss-octopus","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fn8rzz%2Fss-octopus","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fn8rzz%2Fss-octopus/lists"}