Skip to content
On this page

Themes

General

Themes change how bridge. looks in a variety of ways. This includes changing both light mode and dark mode, syntax highlighter and many other parts of bridge.'s UI.

Extension Integration

Extensions can also add new themes by providing them inside a <EXTENSION NAME>/themes folder. Create a JSON file per theme you want to add. The individual file names don't matter.

Loading Behavior

bridge. applies the default color theme first and then overwrites it with the theme you provided. This means you only need to define the colors which should change in your custom theme. An exception to this behavior is the file highlighter definition. You have to specifically set all colors or bridge. will use the default text color (white/black).

Format

Main

NameTypeDescription
nameStringName of your theme
idStringUUID for your theme
colorSchemeString<light|dark>Color scheme of your theme
colorsObject<ThemeDefinition>Colors of your theme
highlighterObject<HighlighterDefinition>Syntax highlighter colors of your bridge. theme
monacoRecord<string, string>Color scheme for the monaco editor

ThemeDefinition

NameTypeDescription
primaryStringColor; affects menu icons, active tabs, MoLang edit icons, and more
secondaryStringColor
accentStringColor; affects toolbar icons
errorStringColor; affects hovered errors, ! error marks, close button on close prompt, and more
infoStringColor
successStringColor; affects save button on close prompt
warningStringColor
backgroundStringColor; affects background of editor
sidebarNavigationStringColor; affects navigation sidebar
expandedSidebarStringColor; affects sidebar containing folders and files
sidebarSelectionStringColor;
menuStringColor; affects menus
toolbarStringColor; affects top bar with drop-down menus
footerStringColor; affects bottom bar containing notifications
tooltipStringColor; affects the tooltip that show when you hover over buttons
tabActiveStringColor
tabInactiveStringColor
lineHighlightBackgroundStringColor
scrollbarThumbStringColor
behaviorPackStringColor
resourcePackStringColor
skinPackStringColor
worldTemplateStringColor

HighlighterDefinition

NameTypeDescription
propertyObject<StyleObject>Custom style for syntax highlighter
keywordObject<StyleObject>Custom style for syntax highlighter
definitionObject<StyleObject>Custom style for syntax highlighter
atomObject<StyleObject>Custom style for syntax highlighter
numberObject<StyleObject>Custom style for syntax highlighter
stringObject<StyleObject>Custom style for syntax highlighter
variableObject<StyleObject>Custom style for syntax highlighter
variableStrongObject<StyleObject>Custom style for syntax highlighter
metaObject<StyleObject>Custom style for syntax highlighter
commentObject<StyleObject>Custom style for syntax highlighter
colorCode.<Color>Object<StyleObject>Custom style for syntax highlighter; affects Minecraft color codes

StyleObject

NameTypeDescription
colorStringColor
textDecorationString<underline|overline|line-through|blink>Text decoration
isItalicBooleanSet italic text

Example

{
	"id": "bridge.default.dark",
	"name": "Default Dark",
	"colorScheme": "dark",
	"colors": {
		"text": "#fff",
		"primary": "#0073FF",
		"secondary": "#0073FF",
		"accent": "#0073FF",
		"error": "#ff5252",
		"info": "#2196f3",
		"warning": "#fb8c00",
		"success": "#4caf50",
		"background": "#121212",
		"sidebarNavigation": "#1F1F1F",
		"expandedSidebar": "#1F1F1F",
		"sidebarSelection": "#151515",
		"menu": "#252525",
		"footer": "#111111",
		"tooltip": "#1F1F1F",
		"toolbar": "#000000",
		"tabActive": "#121212",
		"tabInactive": "#1F1F1F",
		"lineHighlightBackground": "#1F1F1F"
	},
	"highlighter": {
		"type": {
			"color": "#a6e22e"
		},
		"keyword": {
			"color": "#f92672"
		},
		"definition": {
			"color": "#fd971f"
		},
		"atom": {
			"color": "#ae81ff"
		},
		"number": {
			"color": "#ae81ff"
		},
		"string": {
			"color": "#e6db74"
		},
		"variable": {
			"color": "#9effff"
		},
		"variableStrong": {
			"color": "#9effff"
		},
		"meta": {
			"color": "white"
		},
		"comment": {
			"color": "#75715e"
		},
		"colorCode.darkRed": {
			"color": "#AA0000"
		},
		"colorCode.red": {
			"color": "#FF5555"
		},
		"colorCode.gold": {
			"color": "#FFAA00"
		},
		"colorCode.yellow": {
			"color": "#FFFF55"
		},
		"colorCode.darkGreen": {
			"color": "#00AA00"
		},
		"colorCode.green": {
			"color": "#55FF55"
		},
		"colorCode.aqua": {
			"color": "#55FFFF"
		},
		"colorCode.darkAqua": {
			"color": "#00AAAA"
		},
		"colorCode.darkBlue": {
			"color": "#0000AA"
		},
		"colorCode.blue": {
			"color": "#5555FF"
		},
		"colorCode.lightPurple": {
			"color": "#FF55FF"
		},
		"colorCode.darkPurple": {
			"color": "#AA00AA"
		},
		"colorCode.white": {
			"color": "#FFFFFF"
		},
		"colorCode.gray": {
			"color": "#AAAAAA"
		},
		"colorCode.darkGray": {
			"color": "#555555"
		},
		"colorCode.black": {
			"color": "#000000"
		},
		"colorCode.minecoinGold": {
			"color": "#ff0000"
		},
		"colorCode.bold": {
			"color": "#fff",
			"textDecoration": "bold"
		},
		"colorCode.italic": {
			"color": "#fff",
			"textDecoration": "italic"
		},
		"colorCode.underline": {
			"color": "#fff",
			"textDecoration": "underline"
		}
	}
}

More Examples:

Released under the GPL-3.0 License.