From bc15e71f270823b0e44ac77ae6b4a7466ba3a411 Mon Sep 17 00:00:00 2001 From: Link Dupont Date: Tue, 9 Sep 2025 13:37:04 -0400 Subject: [PATCH] Add port for VSCode theme --- ports/vscode/CHANGELOG.md | 9 + ports/vscode/LICENSE.md | 21 + ports/vscode/README.md | 16 + ports/vscode/package.json | 25 + ports/vscode/themes/ferra-color-theme.json | 811 +++++++++++++++++++++ ports/vscode/vsc-extension-quickstart.md | 28 + 6 files changed, 910 insertions(+) create mode 100644 ports/vscode/CHANGELOG.md create mode 100644 ports/vscode/LICENSE.md create mode 100644 ports/vscode/README.md create mode 100644 ports/vscode/package.json create mode 100644 ports/vscode/themes/ferra-color-theme.json create mode 100644 ports/vscode/vsc-extension-quickstart.md diff --git a/ports/vscode/CHANGELOG.md b/ports/vscode/CHANGELOG.md new file mode 100644 index 0000000..69d86a0 --- /dev/null +++ b/ports/vscode/CHANGELOG.md @@ -0,0 +1,9 @@ +# Change Log + +All notable changes to the "ferra-color-theme" extension will be documented in this file. + +Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how to structure this file. + +## [Unreleased] + +- Initial release diff --git a/ports/vscode/LICENSE.md b/ports/vscode/LICENSE.md new file mode 100644 index 0000000..a8d9dc2 --- /dev/null +++ b/ports/vscode/LICENSE.md @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2023 Casper Rogild Storm + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/ports/vscode/README.md b/ports/vscode/README.md new file mode 100644 index 0000000..1d60b37 --- /dev/null +++ b/ports/vscode/README.md @@ -0,0 +1,16 @@ +# ferra-color-theme README + +## Working with Markdown + +You can author your README using Visual Studio Code. Here are some useful editor keyboard shortcuts: + +* Split the editor (`Cmd+\` on macOS or `Ctrl+\` on Windows and Linux). +* Toggle preview (`Shift+Cmd+V` on macOS or `Shift+Ctrl+V` on Windows and Linux). +* Press `Ctrl+Space` (Windows, Linux, macOS) to see a list of Markdown snippets. + +## For more information + +* [Visual Studio Code's Markdown Support](http://code.visualstudio.com/docs/languages/markdown) +* [Markdown Syntax Reference](https://help.github.com/articles/markdown-basics/) + +**Enjoy!** diff --git a/ports/vscode/package.json b/ports/vscode/package.json new file mode 100644 index 0000000..17d8984 --- /dev/null +++ b/ports/vscode/package.json @@ -0,0 +1,25 @@ +{ + "name": "ferra-color-theme", + "displayName": "Ferra Color Theme", + "description": "Ferra color theme, ported to VS Code", + "version": "0.0.1", + "engines": { + "vscode": "^1.103.0" + }, + "categories": [ + "Themes" + ], + "repository": { + "type": "git", + "url": "https://github.com/casperstorm/ferra" + }, + "contributes": { + "themes": [ + { + "label": "Ferra Color Theme", + "uiTheme": "vs-dark", + "path": "./themes/ferra-color-theme.json" + } + ] + } +} diff --git a/ports/vscode/themes/ferra-color-theme.json b/ports/vscode/themes/ferra-color-theme.json new file mode 100644 index 0000000..f5de984 --- /dev/null +++ b/ports/vscode/themes/ferra-color-theme.json @@ -0,0 +1,811 @@ +{ + "name": "Ferra", + "type": "dark", + "colors": { + "editor.background": "#2b292d", + "editor.foreground": "#d1d1e0", + "activityBar.background": "#2b292d", + "activityBar.foreground": "#d1d1e0", + "activityBar.inactiveForeground": "#6f5d63", + "activityBar.border": "#383539", + "activityBarBadge.background": "#e06b75", + "activityBarBadge.foreground": "#2b292d", + "sideBar.background": "#383539", + "sideBar.foreground": "#d1d1e0", + "sideBar.border": "#4d424b", + "sideBarTitle.foreground": "#ffa07a", + "sideBarSectionHeader.background": "#4d424b", + "sideBarSectionHeader.foreground": "#d1d1e0", + "list.activeSelectionBackground": "#6f5d63", + "list.activeSelectionForeground": "#d1d1e0", + "list.inactiveSelectionBackground": "#4d424b", + "list.inactiveSelectionForeground": "#d1d1e0", + "list.hoverBackground": "#4d424b", + "list.focusBackground": "#6f5d63", + "tree.indentGuidesStroke": "#6f5d63", + "statusBar.background": "#2b292d", + "statusBar.foreground": "#d1d1e0", + "statusBar.border": "#383539", + "statusBar.debuggingBackground": "#e06b75", + "statusBar.debuggingForeground": "#2b292d", + "statusBar.noFolderBackground": "#2b292d", + "statusBarItem.hoverBackground": "#4d424b", + "titleBar.activeBackground": "#2b292d", + "titleBar.activeForeground": "#d1d1e0", + "titleBar.inactiveBackground": "#2b292d", + "titleBar.inactiveForeground": "#6f5d63", + "titleBar.border": "#383539", + "menubar.selectionBackground": "#4d424b", + "menubar.selectionForeground": "#d1d1e0", + "menu.background": "#383539", + "menu.foreground": "#d1d1e0", + "menu.selectionBackground": "#6f5d63", + "menu.selectionForeground": "#d1d1e0", + "menu.separatorBackground": "#4d424b", + "input.background": "#383539", + "input.foreground": "#d1d1e0", + "input.border": "#6f5d63", + "input.placeholderForeground": "#6f5d63", + "inputOption.activeBackground": "#e06b75", + "inputOption.activeForeground": "#2b292d", + "inputValidation.errorBackground": "#e06b75", + "inputValidation.errorBorder": "#e06b75", + "inputValidation.warningBackground": "#f5d76e", + "inputValidation.warningBorder": "#f5d76e", + "dropdown.background": "#383539", + "dropdown.foreground": "#d1d1e0", + "dropdown.border": "#6f5d63", + "button.background": "#ffa07a", + "button.foreground": "#2b292d", + "button.hoverBackground": "#f6b6c9", + "checkbox.background": "#383539", + "checkbox.foreground": "#d1d1e0", + "checkbox.border": "#6f5d63", + "badge.background": "#e06b75", + "badge.foreground": "#2b292d", + "progressBar.background": "#ffa07a", + "breadcrumb.background": "#2b292d", + "breadcrumb.foreground": "#6f5d63", + "breadcrumb.focusForeground": "#d1d1e0", + "breadcrumb.activeSelectionForeground": "#ffa07a", + "breadcrumbPicker.background": "#383539", + "editor.findMatchBackground": "#f5d76e50", + "editor.findMatchHighlightBackground": "#f5d76e30", + "editor.findRangeHighlightBackground": "#6f5d6330", + "editor.hoverHighlightBackground": "#6f5d6330", + "editor.inactiveSelectionBackground": "#6f5d6330", + "editor.lineHighlightBackground": "#38353950", + "editor.rangeHighlightBackground": "#6f5d6320", + "editor.selectionBackground": "#6f5d6350", + "editor.selectionHighlightBackground": "#6f5d6330", + "editor.wordHighlightBackground": "#6f5d6330", + "editor.wordHighlightStrongBackground": "#6f5d6350", + "editorBracketMatch.background": "#6f5d6350", + "editorBracketMatch.border": "#b1b695", + "editorCursor.foreground": "#ffa07a", + "editorError.foreground": "#e06b75", + "editorGroup.border": "#4d424b", + "editorGroup.dropBackground": "#6f5d6350", + "editorGroupHeader.noTabsBackground": "#2b292d", + "editorGroupHeader.tabsBackground": "#2b292d", + "editorGroupHeader.tabsBorder": "#383539", + "editorGutter.addedBackground": "#b1b695", + "editorGutter.deletedBackground": "#e06b75", + "editorGutter.modifiedBackground": "#f5d76e", + "editorHoverWidget.background": "#383539", + "editorHoverWidget.border": "#6f5d63", + "editorIndentGuide.activeBackground1": "#6f5d63", + "editorIndentGuide.background1": "#4d424b", + "editorInfo.foreground": "#fecdb2", + "editorLightBulb.foreground": "#f5d76e", + "editorLineNumber.foreground": "#6f5d63", + "editorLineNumber.activeForeground": "#d1d1e0", + "editorLink.activeForeground": "#ffa07a", + "editorMarkerNavigation.background": "#383539", + "editorMarkerNavigationError.background": "#e06b75", + "editorMarkerNavigationWarning.background": "#f5d76e", + "editorRuler.foreground": "#4d424b", + "editorSuggestWidget.background": "#383539", + "editorSuggestWidget.border": "#6f5d63", + "editorSuggestWidget.foreground": "#d1d1e0", + "editorSuggestWidget.highlightForeground": "#ffa07a", + "editorSuggestWidget.selectedBackground": "#6f5d63", + "editorWarning.foreground": "#f5d76e", + "editorWhitespace.foreground": "#4d424b", + "editorWidget.background": "#383539", + "editorWidget.border": "#6f5d63", + "peekView.border": "#ffa07a", + "peekViewEditor.background": "#383539", + "peekViewEditor.matchHighlightBackground": "#f5d76e50", + "peekViewResult.background": "#2b292d", + "peekViewResult.fileForeground": "#d1d1e0", + "peekViewResult.lineForeground": "#6f5d63", + "peekViewResult.matchHighlightBackground": "#f5d76e50", + "peekViewResult.selectionBackground": "#6f5d63", + "peekViewResult.selectionForeground": "#d1d1e0", + "peekViewTitle.background": "#4d424b", + "peekViewTitleDescription.foreground": "#6f5d63", + "peekViewTitleLabel.foreground": "#d1d1e0", + "tab.activeBackground": "#2b292d", + "tab.activeForeground": "#d1d1e0", + "tab.border": "#383539", + "tab.activeBorder": "#ffa07a", + "tab.unfocusedActiveBorder": "#6f5d63", + "tab.inactiveBackground": "#383539", + "tab.inactiveForeground": "#6f5d63", + "tab.unfocusedActiveForeground": "#b1b695", + "tab.unfocusedInactiveForeground": "#6f5d63", + "tab.hoverBackground": "#4d424b", + "tab.unfocusedHoverBackground": "#4d424b", + "tab.activeModifiedBorder": "#f6b6c9", + "tab.inactiveModifiedBorder": "#6f5d63", + "tab.unfocusedActiveModifiedBorder": "#6f5d63", + "tab.unfocusedInactiveModifiedBorder": "#4d424b", + "scrollbar.shadow": "#2b292d", + "scrollbarSlider.activeBackground": "#6f5d6380", + "scrollbarSlider.background": "#4d424b80", + "scrollbarSlider.hoverBackground": "#6f5d6350", + "widget.shadow": "#2b292d80", + "panel.background": "#2b292d", + "panel.border": "#383539", + "panelTitle.activeBorder": "#ffa07a", + "panelTitle.activeForeground": "#d1d1e0", + "panelTitle.inactiveForeground": "#6f5d63", + "terminal.background": "#2b292d", + "terminal.foreground": "#d1d1e0", + "terminal.ansiBlack": "#2b292d", + "terminal.ansiBlue": "#fecdb2", + "terminal.ansiBrightBlack": "#6f5d63", + "terminal.ansiBrightBlue": "#fecdb2", + "terminal.ansiBrightCyan": "#b1b695", + "terminal.ansiBrightGreen": "#b1b695", + "terminal.ansiBrightMagenta": "#f6b6c9", + "terminal.ansiBrightRed": "#e06b75", + "terminal.ansiBrightWhite": "#d1d1e0", + "terminal.ansiBrightYellow": "#f5d76e", + "terminal.ansiCyan": "#b1b695", + "terminal.ansiGreen": "#b1b695", + "terminal.ansiMagenta": "#f6b6c9", + "terminal.ansiRed": "#e06b75", + "terminal.ansiWhite": "#d1d1e0", + "terminal.ansiYellow": "#f5d76e", + "gitDecoration.addedResourceForeground": "#b1b695", + "gitDecoration.modifiedResourceForeground": "#f5d76e", + "gitDecoration.deletedResourceForeground": "#e06b75", + "gitDecoration.untrackedResourceForeground": "#fecdb2", + "gitDecoration.ignoredResourceForeground": "#6f5d63", + "gitDecoration.conflictingResourceForeground": "#f6b6c9", + "gitDecoration.submoduleResourceForeground": "#ffa07a", + "debugToolBar.background": "#383539", + "debugToolBar.border": "#6f5d63", + "notifications.background": "#383539", + "notifications.foreground": "#d1d1e0", + "notifications.border": "#6f5d63", + "notificationCenter.border": "#6f5d63", + "notificationCenterHeader.foreground": "#d1d1e0", + "notificationCenterHeader.background": "#4d424b", + "notificationToast.border": "#6f5d63", + "notificationsErrorIcon.foreground": "#e06b75", + "notificationsWarningIcon.foreground": "#f5d76e", + "notificationsInfoIcon.foreground": "#fecdb2", + "pickerGroup.border": "#6f5d63", + "pickerGroup.foreground": "#ffa07a", + "quickInput.background": "#383539", + "quickInput.foreground": "#d1d1e0", + "quickInputTitle.background": "#4d424b", + "settings.headerForeground": "#d1d1e0", + "settings.modifiedItemIndicator": "#ffa07a", + "welcomePage.background": "#2b292d" + }, + "tokenColors": [ + { + "name": "Comment", + "scope": [ + "comment", + "punctuation.definition.comment" + ], + "settings": { + "fontStyle": "italic", + "foreground": "#6f5d63" + } + }, + { + "name": "Variables", + "scope": [ + "variable", + "string constant.other.placeholder" + ], + "settings": { + "foreground": "#d1d1e0" + } + }, + { + "name": "Colors", + "scope": [ + "constant.other.color" + ], + "settings": { + "foreground": "#fecdb2" + } + }, + { + "name": "Invalid", + "scope": [ + "invalid", + "invalid.illegal" + ], + "settings": { + "foreground": "#e06b75" + } + }, + { + "name": "Keyword, Storage", + "scope": [ + "keyword", + "storage.type", + "storage.modifier" + ], + "settings": { + "foreground": "#f6b6c9" + } + }, + { + "name": "Operator, Misc", + "scope": [ + "keyword.control", + "constant.other.color", + "punctuation", + "meta.tag", + "punctuation.definition.tag", + "punctuation.separator.inheritance.php", + "punctuation.definition.tag.html", + "punctuation.definition.tag.begin.html", + "punctuation.definition.tag.end.html", + "punctuation.section.embedded", + "keyword.other.template", + "keyword.other.substitution" + ], + "settings": { + "foreground": "#ffa07a" + } + }, + { + "name": "Tag", + "scope": [ + "entity.name.tag", + "meta.tag.sgml", + "markup.deleted.git_gutter" + ], + "settings": { + "foreground": "#e06b75" + } + }, + { + "name": "Function, Special Method", + "scope": [ + "entity.name.function", + "meta.function-call", + "variable.function", + "support.function", + "keyword.other.special-method" + ], + "settings": { + "foreground": "#fecdb2" + } + }, + { + "name": "Block Level Variables", + "scope": [ + "meta.block variable.other" + ], + "settings": { + "foreground": "#d1d1e0" + } + }, + { + "name": "Other Variable, String Link", + "scope": [ + "support.other.variable", + "string.other.link" + ], + "settings": { + "foreground": "#d1d1e0" + } + }, + { + "name": "Number, Constant, Function Argument, Tag Attribute, Embedded", + "scope": [ + "constant.numeric", + "constant.language", + "support.constant", + "constant.character", + "constant.escape", + "variable.parameter", + "keyword.other.unit", + "keyword.other" + ], + "settings": { + "foreground": "#f5d76e" + } + }, + { + "name": "String, Symbols, Inherited Class, Markup Heading", + "scope": [ + "string", + "constant.other.symbol", + "constant.other.key", + "entity.other.inherited-class", + "markup.heading", + "markup.inserted.git_gutter", + "meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js" + ], + "settings": { + "foreground": "#b1b695" + } + }, + { + "name": "Class, Support", + "scope": [ + "entity.name", + "support.type", + "support.class", + "support.other.namespace.use.php", + "meta.use.php", + "support.other.namespace.php", + "markup.changed.git_gutter", + "support.type.sys-types" + ], + "settings": { + "foreground": "#ffa07a" + } + }, + { + "name": "Entity Types", + "scope": [ + "support.type" + ], + "settings": { + "foreground": "#fecdb2" + } + }, + { + "name": "CSS Class and Support", + "scope": [ + "source.css support.type.property-name", + "source.sass support.type.property-name", + "source.scss support.type.property-name", + "source.less support.type.property-name", + "source.stylus support.type.property-name", + "source.postcss support.type.property-name" + ], + "settings": { + "foreground": "#fecdb2" + } + }, + { + "name": "Sub-methods", + "scope": [ + "entity.name.module.js", + "variable.import.parameter.js", + "variable.other.class.js" + ], + "settings": { + "foreground": "#e06b75" + } + }, + { + "name": "Language methods", + "scope": [ + "variable.language" + ], + "settings": { + "fontStyle": "italic", + "foreground": "#e06b75" + } + }, + { + "name": "entity.name.method.js", + "scope": [ + "entity.name.method.js" + ], + "settings": { + "fontStyle": "italic", + "foreground": "#fecdb2" + } + }, + { + "name": "meta.method.js", + "scope": [ + "meta.class-method.js entity.name.function.js", + "variable.function.constructor" + ], + "settings": { + "foreground": "#fecdb2" + } + }, + { + "name": "Attributes", + "scope": [ + "entity.other.attribute-name" + ], + "settings": { + "foreground": "#f6b6c9" + } + }, + { + "name": "HTML Attributes", + "scope": [ + "text.html.basic entity.other.attribute-name.html", + "text.html.basic entity.other.attribute-name" + ], + "settings": { + "fontStyle": "italic", + "foreground": "#f5d76e" + } + }, + { + "name": "CSS Classes", + "scope": [ + "entity.other.attribute-name.class" + ], + "settings": { + "foreground": "#f5d76e" + } + }, + { + "name": "CSS ID's", + "scope": [ + "source.sass keyword.control" + ], + "settings": { + "foreground": "#fecdb2" + } + }, + { + "name": "Inserted", + "scope": [ + "markup.inserted" + ], + "settings": { + "foreground": "#b1b695" + } + }, + { + "name": "Deleted", + "scope": [ + "markup.deleted" + ], + "settings": { + "foreground": "#e06b75" + } + }, + { + "name": "Changed", + "scope": [ + "markup.changed" + ], + "settings": { + "foreground": "#f6b6c9" + } + }, + { + "name": "Regular Expressions", + "scope": [ + "string.regexp" + ], + "settings": { + "foreground": "#ffa07a" + } + }, + { + "name": "Escape Characters", + "scope": [ + "constant.character.escape" + ], + "settings": { + "foreground": "#ffa07a" + } + }, + { + "name": "URL", + "scope": [ + "*url*", + "*link*", + "*uri*" + ], + "settings": { + "fontStyle": "underline" + } + }, + { + "name": "Decorators", + "scope": [ + "tag.decorator.js entity.name.tag.js", + "tag.decorator.js punctuation.definition.tag.js" + ], + "settings": { + "fontStyle": "italic", + "foreground": "#fecdb2" + } + }, + { + "name": "ES7 Bind Operator", + "scope": [ + "source.js constant.other.object.key.js string.unquoted.label.js" + ], + "settings": { + "fontStyle": "italic", + "foreground": "#e06b75" + } + }, + { + "name": "JSON Key - Level 0", + "scope": [ + "source.json meta.structure.dictionary.json support.type.property-name.json" + ], + "settings": { + "foreground": "#f6b6c9" + } + }, + { + "name": "JSON Key - Level 1", + "scope": [ + "source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json" + ], + "settings": { + "foreground": "#f5d76e" + } + }, + { + "name": "JSON Key - Level 2", + "scope": [ + "source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json" + ], + "settings": { + "foreground": "#ffa07a" + } + }, + { + "name": "JSON Key - Level 3", + "scope": [ + "source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json" + ], + "settings": { + "foreground": "#e06b75" + } + }, + { + "name": "JSON Key - Level 4", + "scope": [ + "source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json" + ], + "settings": { + "foreground": "#fecdb2" + } + }, + { + "name": "JSON Key - Level 5", + "scope": [ + "source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json" + ], + "settings": { + "foreground": "#b1b695" + } + }, + { + "name": "JSON Key - Level 6", + "scope": [ + "source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json" + ], + "settings": { + "foreground": "#f6b6c9" + } + }, + { + "name": "JSON Key - Level 7", + "scope": [ + "source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json" + ], + "settings": { + "foreground": "#f5d76e" + } + }, + { + "name": "JSON Key - Level 8", + "scope": [ + "source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json" + ], + "settings": { + "foreground": "#b1b695" + } + }, + { + "name": "Markdown - Plain", + "scope": [ + "text.html.markdown", + "punctuation.definition.list_item.markdown" + ], + "settings": { + "foreground": "#d1d1e0" + } + }, + { + "name": "Markdown - Markup Raw Inline", + "scope": [ + "text.html.markdown markup.inline.raw.markdown" + ], + "settings": { + "foreground": "#f6b6c9" + } + }, + { + "name": "Markdown - Markup Raw Inline Punctuation", + "scope": [ + "text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown" + ], + "settings": { + "foreground": "#ffa07a" + } + }, + { + "name": "Markdown - Heading", + "scope": [ + "markdown.heading", + "markup.heading | markup.heading entity.name", + "markup.heading.markdown punctuation.definition.heading.markdown" + ], + "settings": { + "foreground": "#b1b695" + } + }, + { + "name": "Markup - Italic", + "scope": [ + "markup.italic" + ], + "settings": { + "fontStyle": "italic", + "foreground": "#f6b6c9" + } + }, + { + "name": "Markup - Bold", + "scope": [ + "markup.bold", + "markup.bold string" + ], + "settings": { + "fontStyle": "bold", + "foreground": "#f6b6c9" + } + }, + { + "name": "Markup - Bold-Italic", + "scope": [ + "markup.bold markup.italic", + "markup.italic markup.bold", + "markup.quote markup.bold", + "markup.bold markup.italic string", + "markup.italic markup.bold string", + "markup.quote markup.bold string" + ], + "settings": { + "fontStyle": "bold", + "foreground": "#f6b6c9" + } + }, + { + "name": "Markup - Underline", + "scope": [ + "markup.underline" + ], + "settings": { + "fontStyle": "underline", + "foreground": "#ffa07a" + } + }, + { + "name": "Markup - Quote", + "scope": [ + "markup.quote" + ], + "settings": { + "foreground": "#6f5d63", + "fontStyle": "italic" + } + }, + { + "name": "Markdown - Blockquote", + "scope": [ + "markup.quote punctuation.definition.blockquote.markdown" + ], + "settings": { + "foreground": "#ffa07a" + } + }, + { + "name": "Markup - Link", + "scope": [ + "markup.underline.link" + ], + "settings": { + "foreground": "#fecdb2" + } + }, + { + "name": "Markdown - Link Description", + "scope": [ + "string.other.link.description.title.markdown" + ], + "settings": { + "foreground": "#f6b6c9" + } + }, + { + "name": "Markdown - Link Anchor", + "scope": [ + "constant.other.reference.link.markdown" + ], + "settings": { + "foreground": "#f5d76e" + } + }, + { + "name": "Markup - Raw Block", + "scope": [ + "markup.raw.block" + ], + "settings": { + "foreground": "#f6b6c9" + } + }, + { + "name": "Markdown - Fenced Bode Block", + "scope": [ + "punctuation.definition.fenced.markdown" + ], + "settings": { + "foreground": "#6f5d63" + } + }, + { + "name": "Markdown - Fenced Bode Block Variable", + "scope": [ + "markup.raw.block.fenced.markdown", + "variable.language.fenced.markdown", + "punctuation.section.class.end" + ], + "settings": { + "foreground": "#d1d1e0" + } + }, + { + "name": "Markdown - Fenced Language", + "scope": [ + "variable.language.fenced.markdown" + ], + "settings": { + "foreground": "#6f5d63" + } + }, + { + "name": "Markdown - Separator", + "scope": [ + "meta.separator" + ], + "settings": { + "fontStyle": "bold", + "foreground": "#6f5d63" + } + }, + { + "name": "Markup - Table", + "scope": [ + "markup.table" + ], + "settings": { + "foreground": "#d1d1e0" + } + } + ] +} diff --git a/ports/vscode/vsc-extension-quickstart.md b/ports/vscode/vsc-extension-quickstart.md new file mode 100644 index 0000000..8fc0bf0 --- /dev/null +++ b/ports/vscode/vsc-extension-quickstart.md @@ -0,0 +1,28 @@ +# Welcome to your VS Code Extension + +## What's in the folder + +* This folder contains all of the files necessary for your color theme extension. +* `package.json` - this is the manifest file that defines the location of the theme file and specifies the base theme of the theme. +* `themes/Ferra Color Theme-color-theme.json` - the color theme definition file. + +## Get up and running straight away + +* Press `F5` to open a new window with your extension loaded. +* Open the color theme picker with the `File > Preferences > Theme > Color Theme` menu item, or use the `Preferences: Color Theme command (Ctrl+K Ctrl+T)` and pick your theme +* Open a file that has a language associated. The languages' configured grammar will tokenize the text and assign 'scopes' to the tokens. To examine these scopes, invoke the `Developer: Inspect Editor Tokens and Scopes` command from the Command Palette (`Ctrl+Shift+P` or `Cmd+Shift+P` on Mac). + +## Make changes + +* Changes to the theme file are automatically applied to the Extension Development Host window. + +## Adopt your theme to Visual Studio Code + +* The token colorization is done based on standard TextMate themes. Colors are matched against one or more scopes. + +To learn more about scopes and how they're used, check out the [color theme](https://code.visualstudio.com/api/extension-guides/color-theme) documentation. + +## Install your extension + +* To start using your extension with Visual Studio Code copy it into the `/.vscode/extensions` folder and restart Code. +* To share your extension with the world, read on https://code.visualstudio.com/api/working-with-extensions/publishing-extension about publishing an extension.