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#080405
  • activityBar.border#3f302d73
  • activityBar.foreground#dcb29e
  • activityBar.inactiveForeground#67524ae6
  • activityBarBadge.background#f30e7a
  • activityBarBadge.foreground#0b0507
  • badge.background#73093be6
  • badge.foreground#dcb29e
  • breadcrumb.activeSelectionForeground#dcb29e
  • breadcrumb.background#0b0507
  • breadcrumb.focusForeground#dcb29e
  • breadcrumb.foreground#9d7e71e6
  • breadcrumbPicker.background#0a0406
  • button.background#f30e7a
  • button.foreground#0b0507
  • button.hoverBackground#ef1c6d
  • descriptionForeground#9d7e71e6
  • dropdown.background#080405
  • dropdown.border#3f302d73
  • dropdown.foreground#dcb29e
  • editor.background#0b0507
  • editor.findMatchBackground#6c2223bf
  • editor.findMatchHighlightBackground#471719a6
  • editor.findRangeHighlightBackground#32111273
  • editor.foreground#dcb29e
  • editor.hoverHighlightBackground#36121473
  • editor.inactiveSelectionBackground#3e18198c
  • editor.lineHighlightBackground#1f1c1aff
  • editor.selectionBackground#59222299
  • editor.selectionHighlightBackground#4c191a99
  • editor.wordHighlightBackground#4507248c
  • editor.wordHighlightStrongBackground#5c082f99
  • editorBracketMatch.background#3b131559
  • editorBracketMatch.border#e2b098e6
  • editorCursor.background#0b0507
  • editorCursor.foreground#e2b098
  • editorError.foreground#ff5c7a
  • editorGroup.border#3f302d73
  • editorGroupHeader.border#3f302d73
  • editorGroupHeader.noTabsBackground#0b0507
  • editorGroupHeader.tabsBackground#0a0406
  • editorGroupHeader.tabsBorder#3f302d73
  • editorGutter.addedBackground#7ee787
  • editorGutter.background#0b0507
  • editorGutter.deletedBackground#ff5c7a
  • editorGutter.modifiedBackground#79c0ff
  • editorHint.foreground#7ee787
  • editorHoverWidget.background#1f1c1aff
  • editorHoverWidget.border#3f302d73
  • editorHoverWidget.foreground#dcb29e
  • editorIndentGuide.activeBackground#4a39348c
  • editorIndentGuide.background#35282559
  • editorInfo.foreground#79c0ff
  • editorLineNumber.activeForeground#937569d9
  • editorLineNumber.foreground#54423ca6
  • editorLink.activeForeground#f30e7a
  • editorOverviewRuler.border#3f302d73
  • editorRuler.foreground#31242259
  • editorStickyScroll.background#1f1c1aff
  • editorStickyScrollHover.background#4c191a99
  • editorSuggestWidget.background#080405
  • editorSuggestWidget.border#3f302d73
  • editorSuggestWidget.focusHighlightForeground#e34646
  • editorSuggestWidget.foreground#dcb29e
  • editorSuggestWidget.highlightForeground#e34646
  • editorSuggestWidget.selectedBackground#59222299
  • editorSuggestWidget.selectedForeground#dcb29e
  • editorSuggestWidget.selectedIconForeground#dcb29e
  • editorSuggestWidgetStatus.foreground#9d7e71e6
  • editorWarning.foreground#ffb35c
  • editorWhitespace.foreground#35282559
  • editorWidget.background#0a0406
  • editorWidget.border#3f302d73
  • editorWidget.foreground#dcb29e
  • editorWidget.resizeBorder#3f302d73
  • errorForeground#ff5c7a
  • focusBorder#e2b098
  • foreground#dcb29e
  • input.background#080405
  • input.border#3f302d73
  • input.foreground#dcb29e
  • inputValidation.errorBackground#080405
  • inputValidation.errorBorder#ff5c7a
  • inputValidation.errorForeground#ff5c7a
  • inputValidation.infoBackground#080405
  • inputValidation.infoBorder#79c0ff
  • inputValidation.infoForeground#79c0ff
  • inputValidation.warningBackground#080405
  • inputValidation.warningBorder#ffb35c
  • inputValidation.warningForeground#ffb35c
  • list.activeSelectionBackground#59222299
  • list.activeSelectionForeground#dcb29e
  • list.activeSelectionIconForeground#dcb29e
  • list.errorForeground#ff5c7a
  • list.focusAndSelectionOutline#e2b098
  • list.focusBackground#59222299
  • list.focusForeground#dcb29e
  • list.focusHighlightForeground#e34646
  • list.focusOutline#e2b098
  • list.highlightForeground#e34646
  • list.hoverBackground#4c191a99
  • list.hoverForeground#dcb29e
  • list.inactiveFocusBackground#3e18198c
  • list.inactiveFocusOutline#e2b098
  • list.inactiveSelectionBackground#3e18198c
  • list.inactiveSelectionForeground#dcb29e
  • list.inactiveSelectionIconForeground#dcb29e
  • list.warningForeground#ffb35c
  • menu.background#080405
  • menu.border#3f302d73
  • menu.foreground#dcb29e
  • menu.selectionBackground#59222299
  • menu.selectionBorder#e2b098
  • menu.selectionForeground#dcb29e
  • menu.separatorBackground#3f302d73
  • menubar.selectionBackground#59222299
  • menubar.selectionBorder#e2b098
  • menubar.selectionForeground#dcb29e
  • minimapSlider.activeBackground#59222299
  • minimapSlider.background#35282559
  • minimapSlider.hoverBackground#4a39348c
  • notificationCenter.border#3f302d73
  • notificationCenterHeader.background#090406ff
  • notificationCenterHeader.foreground#dcb29e
  • notificationLink.foreground#f30e7a
  • notifications.background#0a0406
  • notifications.border#3f302d73
  • notifications.foreground#dcb29e
  • notificationsErrorIcon.foreground#ff5c7a
  • notificationsInfoIcon.foreground#79c0ff
  • notificationsWarningIcon.foreground#ffb35c
  • notificationToast.border#3f302d73
  • panel.background#0a0406
  • panel.border#3f302d73
  • panelTitle.activeForeground#dcb29e
  • panelTitle.inactiveForeground#9d7e71e6
  • pickerGroup.border#3f302d73
  • pickerGroup.foreground#f30e7a
  • quickInput.background#0a0406
  • quickInput.foreground#dcb29e
  • quickInputList.focusBackground#59222299
  • quickInputList.focusForeground#dcb29e
  • quickInputList.focusIconForeground#dcb29e
  • quickInputTitle.background#090406ff
  • quickInputTitle.foreground#dcb29e
  • scrollbarSlider.activeBackground#59222299
  • scrollbarSlider.background#35282559
  • scrollbarSlider.hoverBackground#4a39348c
  • sideBar.background#090406
  • sideBar.border#3f302d73
  • sideBar.foreground#c39d8ceb
  • sideBarSectionHeader.background#090406ff
  • sideBarSectionHeader.foreground#dcb29e
  • sideBarTitle.foreground#dcb29e
  • statusBar.background#080405
  • statusBar.border#3f302d73
  • statusBar.debuggingBackground#a93d51
  • statusBar.foreground#dcb29e
  • statusBar.noFolderBackground#080405
  • statusBarItem.hoverBackground#4c191a99
  • tab.activeBackground#0b0507
  • tab.activeBorder#e2b098
  • tab.activeForeground#dcb29e
  • tab.activeModifiedBorder#f30e7a
  • tab.border#3f302d73
  • tab.hoverBackground#4c191a99
  • tab.hoverForeground#dcb29e
  • tab.inactiveBackground#0a0406
  • tab.inactiveForeground#9d7e71e6
  • tab.inactiveModifiedBorder#f30e7a99
  • tab.unfocusedActiveBorder#e2b09899
  • tab.unfocusedActiveForeground#dcb29e
  • tab.unfocusedActiveModifiedBorder#f30e7a99
  • tab.unfocusedHoverBackground#4c191a99
  • tab.unfocusedHoverForeground#dcb29e
  • tab.unfocusedInactiveForeground#9d7e71e6
  • tab.unfocusedInactiveModifiedBorder#f30e7a66
  • terminal.background#0b0507
  • terminal.foreground#dcb29e
  • terminalCursor.background#0b0507
  • terminalCursor.foreground#e2b098
  • textLink.activeForeground#e34646
  • textLink.foreground#f30e7a
  • titleBar.activeBackground#080405
  • titleBar.activeForeground#dcb29e
  • titleBar.border#3f302d73
  • titleBar.inactiveBackground#080405e6
  • titleBar.inactiveForeground#67524ae6
  • widget.border#3f302d73
  • widget.shadow#0000001f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.block, comment.line, punctuation.definition.comment#746b66italic
string, string.quoted, string.quoted.double.xcl-twee, string.quoted.single.xcl-twee, string.other.link.title.xcl-twee#e36aa4—
constant.numeric, constant.numeric.xcl-twee#e34646—
constant.language.boolean, constant.language.boolean.xcl-twee, constant.language, constant.character.escape#e34646—
keyword, keyword.operator, keyword.operator.xcl-twee, keyword.operator.arithmetic.xcl-twee, keyword.control, keyword.control.whitespace-collapse.xcl-twee#f30e7a
variable, variable.other, variable.other.xcl-twee, variable.other.identifier.xcl-twee, variable.parameter#e34646—
entity.name.function, support.function, entity.name.function.macro.xcl-twee, support.function.macro.custom.xcl-twee#f30e7a—
support.function.macro.navigation.xcl-twee#f30e7abold
support.function.macro.audio.xcl-twee#e34646
support.function.macro.ui.xcl-twee#e34646
entity.name.section.passage.xcl-twee#f30e7abold
punctuation.definition.passage.begin.xcl-twee#746b66bold
entity.name.tag.hook.xcl-twee#f30e7a—
entity.name.tag.html, entity.name.tag.other.html, entity.name.tag#f30e7a—
entity.other.attribute-name.html, entity.other.attribute-name#e34646—
punctuation.section.parens.begin.xcl-twee, punctuation.section.parens.end.xcl-twee#f30e7abold
punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee#e2b098bold
punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee#f30e7abold
entity.other.attribute-name.passage.tag.xcl-twee#e36aa4italic
punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee#e34646—
invalid, invalid.illegal, invalid.illegal.unclosed.macro.xcl-twee, invalid.illegal.unclosed.hook.xcl-twee#ff5c7aunderline
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#f30e7a—
keyword.control.lambda.xcl-twee#f30e7aitalic
keyword.control.macro.flow.xcl-twee#f30e7a—
support.function.macro.javascript.xcl-twee, keyword.other.script-timing.xcl-twee#f30e7abold
support.type.datatype.xcl-twee, keyword.operator.type-signature.xcl-twee, keyword.operator.type-union.xcl-twee#e36aa4italic
variable.language.identifier.xcl-twee#e34646italic
variable.other.story.xcl-twee#e34646—
variable.other.temp.xcl-twee#e34646italic
constant.numeric.ordinal.xcl-twee, keyword.other.unit.time.xcl-twee#e34646—
constant.other.colour.name.xcl-twee, constant.other.colour.hex.xcl-twee#e36aa4—
constant.character.escape.xcl-twee, constant.character.escape.linebreak.xcl-twee#746b66—
markup.raw.verbatim.xcl-twee#e36aa4—
punctuation.definition.raw.begin.xcl-twee, punctuation.definition.raw.end.xcl-twee#746b66—
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#746b66—
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#f30e7abold
entity.name.section.passage.link.xcl-twee#f30e7aunderline
string.other.link.title.xcl-twee#e36aa4—
keyword.operator.link.xcl-twee, punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee#f30e7a—
keyword.other.passage.tag.special.xcl-twee#e36aa4bold
punctuation.definition.tags.xcl-twee#746b66—
entity.name.tag.hook.reference.xcl-twee, punctuation.definition.hook.reference.xcl-twee, punctuation.definition.hook.name.xcl-twee#f30e7a—
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#f30e7a—
punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee#f30e7a—
punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee, keyword.control.whitespace-collapse.xcl-twee#f30e7a—
punctuation.separator.comma.xcl-twee#746b66—