shinycode/themes/ShinyCode-color-theme.json

{
	"name": "ShinyCode",
	"colors": {
		"foreground": "#E1E2E8", // onSurface
		"focusBorder": "#41474D", // outlineVariant
		"disabledForeground": "#E1E2E960",  // onBackground (semitransparent)

		"editor.background": "#101418", // surface

		"widget.shadow": "#000000", // shadow
		"editorWidget.background": "#1D2024", // surfaceContainer
		"editorWidget.resizeBorder": "#41474D", // surfaceVariant
		"breadcrumb.background": "#1D2024", // surfaceContainer
		"tab.activeBackground": "#272A2F", // surfaceContainerHigh
		"tab.activeBorder": "#E1E2E8", // onSurface
		"tab.border": "#101418", // surface
		"tab.inactiveBackground": "#272A2F",
		"editorGroupHeader.tabsBackground": "#272A2F",
		
		"sideBar.background": "#0B0E13", // surfaceContainerLowest
		"sideBar.border": "#101418", // surface
		"sideBarSectionHeader.background": "#191C20", // surfaceContainerLow
		"sideBarTitle.background": "#272A2F", // surfaceContainerHigh
		"activityBar.background": "#272A2F", // surfaceContainerHigh
		"activityBarTop.background": "#272A2F", // surfaceContainerHigh

		"panel.background": "#0B0E13", // surfaceContainerLowest
		"panel.border": "#101418", // surface
		"panelSectionHeader.background": "#1D2024", // surfaceContainer

		"statusBar.background": "#272A2F", // surfaceContainerHigh
		"statusBar.border": "#101418", // surface

		"titleBar.activeBackground": "#32353A", // surfaceContainerHighest
		"menu.background": "#32353A", // surfaceContainerHighest
		"menu.separatorBackground": "#41474D", // surfaceVariant
		"menu.selectionBackground": "#41474D", // surfaceVariant

		"button.background": "#A7C8FF", // primary
		"button.foreground": "#04305F", // onPrimary
		"input.background": "#244777", // primaryContainer
		"input.foreground": "#D5E3FF", // onPrimaryContainer
		"dropdown.background": "#244777", // primaryContainer
		"dropdown.foreground": "#D5E3FF", // onPrimaryContainer
		"badge.background": "#3C4279", // tertiaryContainer
		"badge.foreground": "#DFE0FF", // onTertiaryContainer
	},
	"tokenColors": [
		{
			"name": "Source",
			"scope": [
				"source",
			],
			"settings": {
				"foreground": "#E1E2E9",
				"fontStyle": "",
			}
		},
		{
			"name": "Comments",
			"scope": [
				"comment",
				"comment punctuation", // Override comment begin punctuation
			],
			"settings": {
				"foreground": "#3C4279",
				"fontStyle": "",
			}
		},
		{
			"name": "Magic",
			"scope": [
				"variable.language",
			],
			"settings": {
				"foreground": "#FFDBCA", // axiom 90
				"fontStyle": "",
			}
		},
		{
			"name": "Keywords",
			"scope": [
				"keyword",
				"storage",
			],
			"settings": {
				"foreground": "#F79159", // axiom 70
				"fontStyle": "",
			}
		},
		{
			"name": "Punctuation",
			"scope": [
				"punctuation",
				"meta.brace", // TypeScript braces
			],
			"settings": {
				"foreground": "#B65E2D", // axiom 50
				"fontStyle": "",
			}
		},
		{
			"name": "Function parameters",
			"scope": [
				"meta.function.definition variable",
				"variable.parameter",
			],
			"settings": {
				"foreground": "#F2E57F", // action 90
				"fontStyle": "",
			}
		},
		{
			"name": "Function declarations",
			"scope": [
				"meta.function.definition entity.name.function",
				"meta.definition entity.name.function",
			],
			"settings": {
				"foreground": "#B9AC37", // action 70
				"fontStyle": "bold",
			}
		},
		{
			"name": "Function calls",
			"scope": [
				"meta.function.call entity.name.function",
			],
			"settings": {
				"foreground": "#6E7D16", // action 50
				"fontStyle": "",
			}
		},
		{
			"name": "Interface declarations",
			"scope": [
				
			],
			"settings": {
				"foreground": "#308832", // behavior 70
				"fontStyle": "bold",
			}
		},
		{
			"name": "Interface use",
			"scope": [
				"entity.name.interface",
				"entity.name.type.interface",
			],
			"settings": {
				"foreground": "#308832", // behavior 50
				"fontStyle": "",
			}
		},
		{
			"name": "Field",
			"scope": [
				"variable.object.property",
				"variable.other.property",
			],
			"settings": {
				"foreground": "#90F4EA",
				"fontStyle": "",
			}
		},
		{
			"name": "Type declarations",
			"scope": [
				"meta.type.declaration entity.name.type",
			],
			"settings": {
				"foreground": "#00BEB4",
				"fontStyle": "bold",
			}
		},
		{
			"name": "Type use",
			"scope": [
				"entity.name.type",
				"support.type.primitive",
				"meta.type.declaration meta.field.declaration entity.name.type", // over-over-ride type declaration for the contents of TypeScript types
			],
			"settings": {
				"foreground": "#00867D",
				"fontStyle": "",
			}
		},
		{
			"name": "Variables",
			"scope": [
				"variable",
			],
			"settings": {
				"foreground": "#89D0ED",
				"fontStyle": "",
			}
		},
		{
			"name": "Values",
			"scope": [
				"constant",
				"string",
			],
			"settings": {
				"foreground": "#D1BCFD",
				"fontStyle": "",
			}
		},
		{
			"name": "Enums",
			"scope": [
				"entity.name.enum",
				"entity.name.type.enum",
			],
			"settings": {
				"foreground": "#EEB4EA",
				"fontStyle": "",
			}
		}
	],
}