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",
			],
			"settings": {
				"foreground": "#3C4279",
			}
		},
		{
			"name": "Keywords",
			"scope": [
				"keyword",
				"storage",
			],
			"settings": {
				"foreground": "#F79159", // axiom 70
			}
		},
		{
			"name": "Punctuation",
			"scope": [
				"punctuation",
				"meta.brace", // TypeScript braces
			],
			"settings": {
				"foreground": "#B65E2D", // axiom 50
			}
		},
		{
			"name": "Functions",
			"scope": [
				"entity.name.function",
			],
			"settings": {
				"foreground": "#D4C972",
			}
		},
		{
			"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": "#3C4279",
		"keyword": "#F79159",
		"function": "#D4C972",
		"interface": "#A2D399",
		"type": "#87D6BC",
		"variable": "#89D0ED",
		"string": "#D1BCFD",
		"constant": "#D1BCFD",
		"enum": "#EEB4EA",
	}
}