🎉
This commit is contained in:
17
.vscode/launch.json
vendored
Normal file
17
.vscode/launch.json
vendored
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
// A launch configuration that launches the extension inside a new window
|
||||||
|
// Use IntelliSense to learn about possible attributes.
|
||||||
|
// Hover to view descriptions of existing attributes.
|
||||||
|
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
|
||||||
|
{
|
||||||
|
"version": "0.2.0",
|
||||||
|
"configurations": [
|
||||||
|
{
|
||||||
|
"name": "Extension",
|
||||||
|
"type": "extensionHost",
|
||||||
|
"request": "launch",
|
||||||
|
"args": [
|
||||||
|
"--extensionDevelopmentPath=${workspaceFolder}"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
4
.vscodeignore
Normal file
4
.vscodeignore
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
.vscode/**
|
||||||
|
.vscode-test/**
|
||||||
|
.gitignore
|
||||||
|
vsc-extension-quickstart.md
|
9
CHANGELOG.md
Normal file
9
CHANGELOG.md
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
# Change Log
|
||||||
|
|
||||||
|
All notable changes to the "paper-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
|
21
package.json
Normal file
21
package.json
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
{
|
||||||
|
"name": "paper-theme",
|
||||||
|
"displayName": "Paper Theme",
|
||||||
|
"description": "Paper-like theme",
|
||||||
|
"version": "0.0.1",
|
||||||
|
"engines": {
|
||||||
|
"vscode": "^1.62.0"
|
||||||
|
},
|
||||||
|
"categories": [
|
||||||
|
"Themes"
|
||||||
|
],
|
||||||
|
"contributes": {
|
||||||
|
"themes": [
|
||||||
|
{
|
||||||
|
"label": "Paper",
|
||||||
|
"uiTheme": "vs",
|
||||||
|
"path": "./themes/Paper-color-theme.json"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
316
themes/Paper-color-theme.json
Normal file
316
themes/Paper-color-theme.json
Normal file
@ -0,0 +1,316 @@
|
|||||||
|
{
|
||||||
|
"tokenColors": [
|
||||||
|
{
|
||||||
|
"name": "Comment",
|
||||||
|
"scope": "comment",
|
||||||
|
"settings": {
|
||||||
|
"foreground": "#4C5157"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Decorator",
|
||||||
|
"scope": "meta.function.decorator",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": "",
|
||||||
|
"foreground": "#275FE4"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "String",
|
||||||
|
"scope": "string",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": "",
|
||||||
|
"foreground": "#23974A"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Number",
|
||||||
|
"scope": "constant.numeric",
|
||||||
|
"settings": {
|
||||||
|
"foreground": "#823FF1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Built-in constant",
|
||||||
|
"scope": "constant.language",
|
||||||
|
"settings": {
|
||||||
|
"foreground": "#D52753"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "User-defined constant",
|
||||||
|
"scope": [
|
||||||
|
"constant.character",
|
||||||
|
"constant.other"
|
||||||
|
],
|
||||||
|
"settings": {
|
||||||
|
"foreground": "#D52753"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Variable",
|
||||||
|
"scope": "variable",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": ""
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Keyword",
|
||||||
|
"scope": "keyword",
|
||||||
|
"settings": {
|
||||||
|
"foreground": "#CE33C0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Storage",
|
||||||
|
"scope": "storage",
|
||||||
|
"settings": {
|
||||||
|
"foreground": "#CE33C0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Storage type",
|
||||||
|
"scope": "storage.type",
|
||||||
|
"settings": {
|
||||||
|
"foreground": "#27618d"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Class name",
|
||||||
|
"scope": "entity.name.class",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": "underline",
|
||||||
|
"foreground": "#C5A332"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Inherited class",
|
||||||
|
"scope": "entity.other.inherited-class",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": "italic underline",
|
||||||
|
"foreground": "#C5A332"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Function name",
|
||||||
|
"scope": "entity.name.function",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": "",
|
||||||
|
"foreground": "#275FE4"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Function argument",
|
||||||
|
"scope": "variable.parameter",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": " italic",
|
||||||
|
"foreground": "#0E1013"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Tag name",
|
||||||
|
"scope": "entity.name.tag",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": "",
|
||||||
|
"foreground": "#F92672"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Tag attribute",
|
||||||
|
"scope": "entity.other.attribute-name",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": "",
|
||||||
|
"foreground": "#A6E22E"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Library function",
|
||||||
|
"scope": "support.function",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": "",
|
||||||
|
"foreground": "#275FE4"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Library constant",
|
||||||
|
"scope": "support.constant",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": "",
|
||||||
|
"foreground": "#66D9EF"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Library class/type",
|
||||||
|
"scope": [
|
||||||
|
"support.type"
|
||||||
|
],
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": "italic",
|
||||||
|
"foreground": "#df631c"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Class",
|
||||||
|
"scope": [
|
||||||
|
"entity.name.type"
|
||||||
|
],
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": "",
|
||||||
|
"foreground": "#df631c"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Library variable",
|
||||||
|
"scope": "support.other.variable",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": ""
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Invalid",
|
||||||
|
"scope": "invalid",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": "",
|
||||||
|
"foreground": "#F8F8F0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Self",
|
||||||
|
"scope": "variable.language.special.self",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": "",
|
||||||
|
"foreground": "#ff6480"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Self as parameter",
|
||||||
|
"scope": "variable.parameter.function.language.special.self",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": " italic",
|
||||||
|
"foreground": "#ff6480"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Function Call",
|
||||||
|
"scope": "meta.function-call",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": "",
|
||||||
|
"foreground": "#275FE4"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Function Call Argument",
|
||||||
|
"scope": "meta.function-call.arguments",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": "",
|
||||||
|
"foreground": "#0E1013"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Punctuation",
|
||||||
|
"scope": "punctuation.definition",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": "",
|
||||||
|
"foreground": "#0E1013"
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Function Parameters",
|
||||||
|
"scope": "meta.function.parameters",
|
||||||
|
"settings": {
|
||||||
|
"fontStyle": "italic",
|
||||||
|
"foreground": "#0099e1"
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"colors": {
|
||||||
|
"focusBorder": "#0E1013",
|
||||||
|
"foreground": "#0E1013",
|
||||||
|
"widget.shadow": "#0E101320",
|
||||||
|
"editorWidget.background": "#C5C8C6",
|
||||||
|
"editorWidget.border": "#0E1013",
|
||||||
|
|
||||||
|
"button.background": "#C5C8C6",
|
||||||
|
"button.border": "#0E1013",
|
||||||
|
"button.foreground": "#0E1013",
|
||||||
|
|
||||||
|
"dropdown.background": "#C5C8C6",
|
||||||
|
"dropdown.border": "#0E1013",
|
||||||
|
"dropdown.foreground": "#0E1013",
|
||||||
|
"input.background": "#C5C8C6",
|
||||||
|
"input.border": "#0E1013",
|
||||||
|
"input.foreground": "#0E1013",
|
||||||
|
"input.placeholderForeground": "#0E101360",
|
||||||
|
"editor.findMatchBackground": "#ff648040",
|
||||||
|
"editor.findMatchHighlightBackground": "#ff648030",
|
||||||
|
"editor.findMatchBorder": "#0E101330",
|
||||||
|
"minimap.findMatchHighlight": "#ff6480",
|
||||||
|
|
||||||
|
"editor.background": "#C5C8C6",
|
||||||
|
"editorCursor.foreground": "#0E1013",
|
||||||
|
"editor.foreground": "#0E1013",
|
||||||
|
"editorWhitespace.foreground": "#E4E5F173",
|
||||||
|
"editor.lineHighlightBackground": "#E4E5F130",
|
||||||
|
"editor.selectionBackground": "#6081a550",
|
||||||
|
|
||||||
|
"editorGutter.addedBackground": "#3cbc6690",
|
||||||
|
"editorGutter.modifiedBackground": "#0099e190",
|
||||||
|
|
||||||
|
"editorError.background": "#ff648090",
|
||||||
|
"editorError.foreground": "#00000000",
|
||||||
|
"editorWarning.background": "#df631c90",
|
||||||
|
"editorWarning.foreground": "#00000000",
|
||||||
|
"editorInfo.background": "#0099e190",
|
||||||
|
"editorInfo.foreground": "#00000000",
|
||||||
|
"problemsErrorIcon.foreground": "#ff6480",
|
||||||
|
"problemsWarningIcon.foreground": "#df631c",
|
||||||
|
"problemsInfoIcon.foreground": "#0099e1",
|
||||||
|
|
||||||
|
"sideBar.background": "#C5C8C6",
|
||||||
|
"sideBar.border": "#0E1013",
|
||||||
|
"sideBar.dropBackground": "#ff0000",
|
||||||
|
"sideBar.foreground": "#0E1013",
|
||||||
|
"sideBarSectionHeader.background": "#0E101320",
|
||||||
|
|
||||||
|
"tab.border": "#00000000",
|
||||||
|
"tab.activeBackground": "#e4e5f140",
|
||||||
|
"tab.activeBorder": "#0E1013",
|
||||||
|
"tab.activeForeground": "#0E1013",
|
||||||
|
"tab.hoverBackground": "#e4e5f160",
|
||||||
|
"tab.inactiveBackground": "#C5C8C6",
|
||||||
|
"editorGroupHeader.tabsBackground": "#C5C8C6",
|
||||||
|
"editorGroupHeader.tabsBorder": "#0E1013",
|
||||||
|
|
||||||
|
"statusBar.background": "#C5C8C6",
|
||||||
|
"statusBar.border": "#0E1013",
|
||||||
|
"statusBar.foreground": "#0E1013",
|
||||||
|
|
||||||
|
"gitDecoration.addedResourceForeground": "#3cbc66",
|
||||||
|
"gitDecoration.modifiedResourceForeground": "#df631c",
|
||||||
|
"gitDecoration.deletedResourceForeground": "#ff6480",
|
||||||
|
"gitDecoration.renamedResourceForeground": "#df631c",
|
||||||
|
"gitDecoration.conflictingResourceForeground": "#ff0000",
|
||||||
|
"gitDecoration.ignoredResourceForeground": "#0E101380",
|
||||||
|
"gitDecoration.stageDeletedResourceForeground": "#ff6480",
|
||||||
|
"gitDecoration.untrackedResourceForeground": "#207a3e",
|
||||||
|
|
||||||
|
"breadcrumb.background": "#C5C8C6",
|
||||||
|
|
||||||
|
"list.focusBackground": "#e4e5f160",
|
||||||
|
"list.inactiveFocusBackground": "#e4e5f160",
|
||||||
|
"list.activeSelectionBackground": "#e4e5f160",
|
||||||
|
"list.hoverBackground": "#e4e5f160",
|
||||||
|
"list.focusForeground": "#0E1013",
|
||||||
|
"list.focusHighlightForeground": "#0E1013",
|
||||||
|
"list.activeSelectionForeground": "#0E1013",
|
||||||
|
"list.activeSelectionIconForeground": "#0E1013",
|
||||||
|
"list.inactiveSelectionBackground": "#e4e5f160",
|
||||||
|
|
||||||
|
"panelTitle.activeForeground": "#0E1013",
|
||||||
|
"panelTitle.inactiveForeground": "#0E101360",
|
||||||
|
"panel.border": "#0E1013"
|
||||||
|
},
|
||||||
|
"name": "Paper"
|
||||||
|
}
|
28
vsc-extension-quickstart.md
Normal file
28
vsc-extension-quickstart.md
Normal file
@ -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/Paper-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 `File > Preferences > Color Themes` and pick your color 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 `<user home>/.vscode/extensions` folder and restart Code.
|
||||||
|
* To share your extension with the world, read on https://code.visualstudio.com/docs about publishing an extension.
|
Reference in New Issue
Block a user