Skip to main content
Coding Theme

X-Change Life Twee Tools

Publisher: aphroditeThemes in package: 15

Language support for X-Change Life's X-Lowe (Harlowe-derived) Twee: highlighting, navigation, macro handbook, diagnostics, game-dev and modding tools.

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#150f1b
  • activityBar.border#4f4b5573
  • activityBar.foreground#ecf0e7
  • activityBar.inactiveForeground#767477e6
  • activityBarBadge.background#4a8b7f
  • activityBarBadge.foreground#1b1424
  • badge.background#304a4de6
  • badge.foreground#ecf0e7
  • breadcrumb.activeSelectionForeground#ecf0e7
  • breadcrumb.background#1b1424
  • breadcrumb.focusForeground#d8bfd8
  • breadcrumb.foreground#adaeace6
  • breadcrumbPicker.background#181220
  • button.background#4a8b7f
  • button.foreground#1b1424
  • button.hoverBackground#6e9895
  • descriptionForeground#adaeace6
  • dropdown.background#130e19
  • dropdown.border#4f4b5573
  • dropdown.foreground#ecf0e7
  • dropdown.listBackground#130e19
  • editor.background#1b1424
  • editor.findMatchBackground#706175bf
  • editor.findMatchHighlightBackground#504456a6
  • editor.findRangeHighlightBackground#3d334473
  • editor.foreground#ecf0e7
  • editor.hoverHighlightBackground#41364873
  • editor.inactiveSelectionBackground#463b4d8c
  • editor.lineHighlightBackground#2c2634ff
  • editor.selectionBackground#5d506399
  • editor.selectionHighlightBackground#54475a99
  • editor.wordHighlightBackground#27323b8c
  • editor.wordHighlightStrongBackground#2b3e4499
  • editorBracketHighlight.foreground1#f0f8e6
  • editorBracketHighlight.foreground2#4a8b7f
  • editorBracketHighlight.foreground3#d8bfd8
  • editorBracketHighlight.foreground4#9882b8
  • editorBracketHighlight.foreground5#566b6c
  • editorBracketHighlight.foreground6#b6d2c2
  • editorBracketHighlight.unexpectedBracket.foreground#ff5c7a
  • editorBracketMatch.background#453a4c59
  • editorBracketMatch.border#f0f8e6e6
  • editorBracketPairGuide.activeBackground1#f0f8e680
  • editorBracketPairGuide.activeBackground2#4a8b7f80
  • editorBracketPairGuide.activeBackground3#d8bfd880
  • editorBracketPairGuide.activeBackground4#9882b880
  • editorBracketPairGuide.activeBackground5#566b6c80
  • editorBracketPairGuide.activeBackground6#b6d2c280
  • editorBracketPairGuide.background1#f0f8e640
  • editorBracketPairGuide.background2#4a8b7f40
  • editorBracketPairGuide.background3#d8bfd840
  • editorBracketPairGuide.background4#9882b840
  • editorBracketPairGuide.background5#566b6c40
  • editorBracketPairGuide.background6#b6d2c240
  • editorCursor.background#1b1424
  • editorCursor.foreground#f0f8e6
  • editorError.foreground#ff5c7a
  • editorGroup.border#4f4b5573
  • editorGroup.dropBackground#5d506399
  • editorGroup.dropIntoPromptBackground#130e19
  • editorGroup.dropIntoPromptBorder#f0f8e6
  • editorGroup.dropIntoPromptForeground#ecf0e7
  • editorGroupHeader.border#4f4b5573
  • editorGroupHeader.noTabsBackground#1b1424
  • editorGroupHeader.tabsBackground#181220
  • editorGroupHeader.tabsBorder#4f4b5573
  • editorGutter.addedBackground#7ee787
  • editorGutter.background#1b1424
  • editorGutter.deletedBackground#ff5c7a
  • editorGutter.modifiedBackground#79c0ff
  • editorHint.foreground#7ee787
  • editorHoverWidget.background#2c2634ff
  • editorHoverWidget.border#4f4b5573
  • editorHoverWidget.foreground#ecf0e7
  • editorIndentGuide.activeBackground#5a565f8c
  • editorIndentGuide.background#45404b59
  • editorInfo.foreground#79c0ff
  • editorLineNumber.activeForeground#a3a3a3d9
  • editorLineNumber.foreground#646168a6
  • editorLink.activeForeground#4a8b7f
  • editorRuler.foreground#413c4759
  • editorSuggestWidget.background#130e19
  • editorSuggestWidget.border#4f4b5573
  • editorSuggestWidget.focusHighlightForeground#d8bfd8
  • editorSuggestWidget.foreground#ecf0e7
  • editorSuggestWidget.highlightForeground#d8bfd8
  • editorSuggestWidget.selectedBackground#5d506399
  • editorSuggestWidget.selectedForeground#ecf0e7
  • editorSuggestWidget.selectedIconForeground#4a8b7f
  • editorSuggestWidgetStatus.foreground#adaeace6
  • editorWarning.foreground#ffb35c
  • editorWhitespace.foreground#45404b59
  • editorWidget.background#130e19
  • editorWidget.border#4f4b5573
  • editorWidget.foreground#ecf0e7
  • editorWidget.resizeBorder#4f4b5573
  • errorForeground#ff5c7a
  • focusBorder#f0f8e6
  • foreground#ecf0e7
  • input.background#130e19
  • input.border#4f4b5573
  • input.foreground#ecf0e7
  • inputValidation.errorBackground#ff5c7a33
  • inputValidation.errorBorder#ff5c7a
  • inputValidation.errorForeground#ecf0e7
  • inputValidation.infoBackground#79c0ff33
  • inputValidation.infoBorder#79c0ff
  • inputValidation.infoForeground#ecf0e7
  • inputValidation.warningBackground#ffb35c33
  • inputValidation.warningBorder#ffb35c
  • inputValidation.warningForeground#ecf0e7
  • list.activeSelectionBackground#5d506399
  • list.activeSelectionForeground#ecf0e7
  • list.activeSelectionIconForeground#ecf0e7
  • list.errorForeground#ff5c7a
  • list.filterMatchBackground#706175bf
  • list.filterMatchBorder#f0f8e6
  • list.focusAndSelectionOutline#f0f8e6
  • list.focusBackground#5d506399
  • list.focusForeground#ecf0e7
  • list.focusHighlightForeground#d8bfd8
  • list.focusOutline#f0f8e6
  • list.highlightForeground#4a8b7f
  • list.hoverBackground#41364873
  • list.hoverForeground#ecf0e7
  • list.inactiveFocusBackground#41364873
  • list.inactiveFocusOutline#4f4b5573
  • list.inactiveSelectionBackground#463b4d8c
  • list.inactiveSelectionForeground#ecf0e7
  • list.inactiveSelectionIconForeground#ecf0e7
  • list.invalidItemForeground#adaeace6
  • list.warningForeground#ffb35c
  • listFilterWidget.background#130e19
  • listFilterWidget.noMatchesOutline#ff5c7a
  • listFilterWidget.outline#4f4b5573
  • listFilterWidget.shadow#00000066
  • menu.background#130e19
  • menu.border#4f4b5573
  • menu.foreground#ecf0e7
  • menu.selectionBackground#5d506399
  • menu.selectionBorder#f0f8e6
  • menu.selectionForeground#ecf0e7
  • menu.separatorBackground#4f4b5573
  • menubar.selectionBackground#5d506399
  • menubar.selectionBorder#f0f8e6
  • menubar.selectionForeground#ecf0e7
  • notificationCenter.border#4f4b5573
  • notificationCenterHeader.background#17111fff
  • notificationCenterHeader.foreground#ecf0e7
  • notificationLink.foreground#4a8b7f
  • notifications.background#181220
  • notifications.border#4f4b5573
  • notifications.foreground#ecf0e7
  • notificationsErrorIcon.foreground#ff5c7a
  • notificationsInfoIcon.foreground#79c0ff
  • notificationsWarningIcon.foreground#ffb35c
  • notificationToast.border#4f4b5573
  • panel.background#181220
  • panel.border#4f4b5573
  • panelTitle.activeForeground#ecf0e7
  • panelTitle.inactiveForeground#77767ae6
  • pickerGroup.border#4f4b5573
  • pickerGroup.foreground#4a8b7f
  • quickInput.background#181220
  • quickInput.foreground#ecf0e7
  • quickInputList.focusBackground#5d506399
  • quickInputList.focusForeground#ecf0e7
  • quickInputList.focusIconForeground#4a8b7f
  • quickInputTitle.background#17111fff
  • sideBar.background#16101e
  • sideBar.border#4f4b5573
  • sideBar.foreground#d2d5cfeb
  • sideBarSectionHeader.background#17111fff
  • sideBarSectionHeader.foreground#ecf0e7
  • sideBarTitle.foreground#ecf0e7
  • statusBar.background#130e1a
  • statusBar.border#4f4b5573
  • statusBar.debuggingBackground#ac4158
  • statusBar.foreground#ecf0e7
  • statusBar.noFolderBackground#130e1a
  • tab.activeBackground#1b1424
  • tab.activeBorder#f0f8e6
  • tab.activeForeground#ecf0e7
  • tab.activeModifiedBorder#f0f8e6
  • tab.border#4f4b5573
  • tab.hoverBackground#2c2634ff
  • tab.hoverForeground#ecf0e7
  • tab.inactiveBackground#181220
  • tab.inactiveForeground#77767ae6
  • tab.inactiveModifiedBorder#f0f8e699
  • tab.lastPinnedBorder#f0f8e6
  • tab.unfocusedActiveBackground#1b1424
  • tab.unfocusedActiveBorder#f0f8e699
  • tab.unfocusedActiveForeground#ecf0e7
  • tab.unfocusedActiveModifiedBorder#f0f8e680
  • tab.unfocusedHoverBackground#2c2634ff
  • tab.unfocusedHoverForeground#ecf0e7
  • tab.unfocusedInactiveBackground#181220
  • tab.unfocusedInactiveForeground#77767ae6
  • tab.unfocusedInactiveModifiedBorder#f0f8e666
  • terminal.background#1b1424
  • terminal.foreground#ecf0e7
  • terminalCursor.background#1b1424
  • terminalCursor.foreground#f0f8e6
  • textLink.activeForeground#d8bfd8
  • textLink.foreground#4a8b7f
  • titleBar.activeBackground#150f1b
  • titleBar.activeForeground#ecf0e7
  • titleBar.border#4f4b5573
  • titleBar.inactiveBackground#150f1be6
  • titleBar.inactiveForeground#767477e6
  • widget.border#4f4b5573
  • widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.block, comment.line, punctuation.definition.comment#79787aitalic
string, string.quoted, string.quoted.double.xcl-twee, string.quoted.single.xcl-twee, string.other.link.title.xcl-twee#d8bfd8—
constant.numeric, constant.numeric.xcl-twee#d8bfd8—
constant.language.boolean, constant.language.boolean.xcl-twee, constant.language, constant.character.escape#d8bfd8—
keyword, keyword.operator, keyword.operator.xcl-twee, keyword.operator.arithmetic.xcl-twee, keyword.control, keyword.control.whitespace-collapse.xcl-twee#8f75b2
variable, variable.other, variable.other.xcl-twee, variable.other.identifier.xcl-twee, variable.parameter#9882b8—
entity.name.function, support.function, entity.name.function.macro.xcl-twee, support.function.macro.custom.xcl-twee#8f75b2—
support.function.macro.navigation.xcl-twee#4a8b7fbold
support.function.macro.audio.xcl-twee#d8bfd8
support.function.macro.ui.xcl-twee#9882b8
entity.name.section.passage.xcl-twee#4a8b7fbold
punctuation.definition.passage.begin.xcl-twee#79787abold
entity.name.tag.hook.xcl-twee#8f75b2—
entity.name.tag.html, entity.name.tag.other.html, entity.name.tag#8f75b2—
entity.other.attribute-name.html, entity.other.attribute-name#9882b8—
invalid, invalid.illegal, invalid.illegal.unclosed.macro.xcl-twee, invalid.illegal.unclosed.hook.xcl-twee#ff5c7aunderline
punctuation.section.parens.begin.xcl-twee, punctuation.section.parens.end.xcl-twee#f0f8e6bold
punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee#4a8b7fbold
punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee#9882b8
punctuation.separator.key-value.xcl-twee#566b6cbold
punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee#4a8b7fbold
entity.other.attribute-name.passage.tag.xcl-twee#4a8b7fitalic
punctuation.definition.directive.begin.xcl-twee#9882b8bold
keyword.operator.comparison.word.xcl-twee, keyword.operator.logical.xcl-twee, keyword.operator.assignment.word.xcl-twee, keyword.operator.existence.xcl-twee, keyword.operator.comparison.xcl-twee, keyword.operator.assignment.augmented.xcl-twee, keyword.operator.assignment.xcl-twee, keyword.operator.bind.xcl-twee, keyword.operator.spread.xcl-twee, keyword.operator.possessive.xcl-twee, keyword.operator.property.xcl-twee#8f75b2—
keyword.control.lambda.xcl-twee#8f75b2italic
keyword.control.macro.flow.xcl-twee#4a8b7f—
support.function.macro.javascript.xcl-twee, keyword.other.script-timing.xcl-twee#4a8b7fbold
support.type.datatype.xcl-twee, keyword.operator.type-signature.xcl-twee, keyword.operator.type-union.xcl-twee#4a8b7fitalic
variable.language.identifier.xcl-twee#9882b8italic
variable.other.story.xcl-twee#9882b8—
variable.other.temp.xcl-twee#9882b8italic
constant.numeric.ordinal.xcl-twee, keyword.other.unit.time.xcl-twee#d8bfd8—
constant.other.colour.name.xcl-twee, constant.other.colour.hex.xcl-twee#d8bfd8—
constant.character.escape.xcl-twee, constant.character.escape.linebreak.xcl-twee#79787a—
markup.raw.verbatim.xcl-twee#d8bfd8—
punctuation.definition.raw.begin.xcl-twee, punctuation.definition.raw.end.xcl-twee#79787a—
markup.bold.xcl-twee, markup.bold.strong.xcl-twee—bold
markup.italic.xcl-twee, markup.italic.emphasis.xcl-twee—italic
markup.strikethrough.xcl-twee—strikethrough
markup.superscript.xcl-twee—underline
punctuation.definition.bold.xcl-twee, punctuation.definition.italic.xcl-twee, punctuation.definition.strikethrough.xcl-twee, punctuation.definition.superscript.xcl-twee, punctuation.definition.strong.xcl-twee, punctuation.definition.emphasis.xcl-twee#79787a—
punctuation.definition.heading.xcl-twee, punctuation.definition.list.bullet.xcl-twee, punctuation.definition.list.numbered.xcl-twee, keyword.control.aligner.xcl-twee, keyword.control.column.xcl-twee, meta.separator.hr.xcl-twee#8f75b2bold
entity.name.section.passage.link.xcl-twee#4a8b7funderline
string.other.link.title.xcl-twee#d8bfd8—
keyword.operator.link.xcl-twee, punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee#8f75b2—
keyword.other.passage.tag.special.xcl-twee#4a8b7fbold
punctuation.definition.tags.xcl-twee#79787a—
entity.name.tag.hook.reference.xcl-twee, punctuation.definition.hook.reference.xcl-twee, punctuation.definition.hook.name.xcl-twee#8f75b2—
invalid.illegal.unclosed.macro.xcl-twee, invalid.illegal.unclosed.hook.xcl-twee, invalid.illegal.unclosed.block.xcl-twee#ff5c7aunderline
invalid.illegal.operator.xcl-twee#ff5c7aunderline
punctuation.section.parens.begin.xcl-twee, punctuation.section.parens.end.xcl-twee, punctuation.separator.key-value.xcl-twee#8f75b2—
punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee#8f75b2—
punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee, keyword.control.whitespace-collapse.xcl-twee#8f75b2—
punctuation.separator.comma.xcl-twee#79787a—
X-Change Life Twee Tools by aphrodite - VS Code Theme