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"
			}
		},
		{
			"name": "Comments",
			"scope": [
				"comment",
				"comment punctuation", // Override comment begin punctuation
			],
			"settings": {
				"foreground": "#3C4279",
			}
		},
		{
			"name": "Magic",
			"scope": [
				"variable.language",
			],
			"settings": {
				"foreground": "#FFDBCA", // axiom 90
			}
		},
		{
			"name": "Keywords",
			"scope": [
				"keyword",
				"storage",
			],
			"settings": {
				"foreground": "#F79159", // axiom 70
			}
		},
		{
			"name": "Punctuation",
			"scope": [
				"punctuation",
				"meta.brace", // TypeScript braces
			],
			"settings": {
				"foreground": "#B65E2D", // axiom 50
			}
		},
		{
			"name": "Function parameters",
			"scope": [
				"meta.function.definition variable"
			],
			"settings": {
				"foreground": "#F2E57F", // action 90
			}
		},
		{
			"name": "Function definitions",
			"scope": [
				"meta.function.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
			}
		},
		{
			"name": "Interfaces",
			"scope": [
				"entity.name.interface",
				"entity.name.type.interface",
			],
			"settings": {
				"foreground": "#A2D399",
			}
		},
		{
			"name": "Types",
			"scope": [
				"entity",
			],
			"settings": {
				"foreground": "#87D6BC",
			}
		},
		{
			"name": "Variables",
			"scope": [
				"variable",
			],
			"settings": {
				"foreground": "#89D0ED",
			}
		},
		{
			"name": "Values",
			"scope": [
				"constant",
				"support",
				"string",
			],
			"settings": {
				"foreground": "#D1BCFD",
			}
		},
		{
			"name": "Enums",
			"scope": [
				"entity.name.enum",
				"entity.name.type.enum",
			],
			"settings": {
				"foreground": "#EEB4EA",
			}
		}
	],
	"semanticHighlighting": true,
	"semanticTokenColors": {
		"comment": {
			"foreground":"#3C4279",
		},
		"selfParameter": {
			"foreground": "#FFDBCA",
		},
		"keyword": {
			"foreground": "#F58F59",
		},
		"function": {
			"foreground": "#6E7D16",
		},
		"function.declaration":{
			"foreground": "#B9AC37",
			"fontStyle": "bold"
		},
		"interface": {
			"foreground":"#65BE60",
		},
		"type": {
			"foreground":"#87D6BC",
		},
		"variable": {
			"foreground":"#89D0ED",
		},
		"string": {
			"foreground":"#D1BCFD",
		},
		"constant": {
			"foreground":"#D1BCFD",
		},
		"enum": {
			"foreground":"#EEB4EA",
		},
	}
}