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#1d0e11
  • activityBar.border#5a4b4e73
  • activityBar.foreground#f5f5f5
  • activityBar.inactiveForeground#7e7678e6
  • activityBarBadge.background#e27087
  • activityBarBadge.foreground#261217
  • badge.background#7b3c49e6
  • badge.foreground#f5f5f5
  • breadcrumb.activeSelectionForeground#f5f5f5
  • breadcrumb.background#261217
  • breadcrumb.focusForeground#F6C6CC
  • breadcrumb.foreground#b7b1b2e6
  • breadcrumbPicker.background#211014
  • button.background#e27087
  • button.foreground#261217
  • button.hoverBackground#e78698
  • descriptionForeground#b7b1b2e6
  • dropdown.background#1b0d10
  • dropdown.border#5a4b4e73
  • dropdown.foreground#f5f5f5
  • dropdown.listBackground#1b0d10
  • editor.background#261217
  • editor.findMatchBackground#846368bf
  • editor.findMatchHighlightBackground#60444aa6
  • editor.findRangeHighlightBackground#4b323873
  • editor.foreground#f5f5f5
  • editor.hoverHighlightBackground#50363b73
  • editor.inactiveSelectionBackground#553b408c
  • editor.lineHighlightBackground#372429ff
  • editor.selectionBackground#6f515699
  • editor.selectionHighlightBackground#64484d99
  • editor.wordHighlightBackground#552a338c
  • editor.wordHighlightStrongBackground#68333e99
  • editorBracketHighlight.foreground1#f4dca2
  • editorBracketHighlight.foreground2#e27087
  • editorBracketHighlight.foreground3#f9ced5
  • editorBracketHighlight.foreground4#eda1ad
  • editorBracketHighlight.foreground5#bb6b7c
  • editorBracketHighlight.foreground6#8d5863
  • editorBracketHighlight.unexpectedBracket.foreground#ff5c7a
  • editorBracketMatch.background#543a3f59
  • editorBracketMatch.border#f4dca2e6
  • editorBracketPairGuide.activeBackground1#f4dca280
  • editorBracketPairGuide.activeBackground2#e2708780
  • editorBracketPairGuide.activeBackground3#f9ced580
  • editorBracketPairGuide.activeBackground4#eda1ad80
  • editorBracketPairGuide.activeBackground5#bb6b7c80
  • editorBracketPairGuide.activeBackground6#8d586380
  • editorBracketPairGuide.background1#f4dca240
  • editorBracketPairGuide.background2#e2708740
  • editorBracketPairGuide.background3#f9ced540
  • editorBracketPairGuide.background4#eda1ad40
  • editorBracketPairGuide.background5#bb6b7c40
  • editorBracketPairGuide.background6#8d586340
  • editorCursor.background#261217
  • editorCursor.foreground#f4dca2
  • editorError.foreground#ff5c7a
  • editorGroup.border#5a4b4e73
  • editorGroup.dropBackground#6f515699
  • editorGroup.dropIntoPromptBackground#1b0d10
  • editorGroup.dropIntoPromptBorder#f4dca2
  • editorGroup.dropIntoPromptForeground#f5f5f5
  • editorGroupHeader.border#5a4b4e73
  • editorGroupHeader.noTabsBackground#261217
  • editorGroupHeader.tabsBackground#211014
  • editorGroupHeader.tabsBorder#5a4b4e73
  • editorGutter.addedBackground#7ee787
  • editorGutter.background#261217
  • editorGutter.deletedBackground#ff5c7a
  • editorGutter.modifiedBackground#79c0ff
  • editorHint.foreground#7ee787
  • editorHoverWidget.background#372429ff
  • editorHoverWidget.border#5a4b4e73
  • editorHoverWidget.foreground#f5f5f5
  • editorIndentGuide.activeBackground#64565a8c
  • editorIndentGuide.background#4f3f4359
  • editorInfo.foreground#79c0ff
  • editorLineNumber.activeForeground#ada6a7d9
  • editorLineNumber.foreground#6e6165a6
  • editorLink.activeForeground#e27087
  • editorRuler.foreground#4b3b3f59
  • editorSuggestWidget.background#1b0d10
  • editorSuggestWidget.border#5a4b4e73
  • editorSuggestWidget.focusHighlightForeground#F6C6CC
  • editorSuggestWidget.foreground#f5f5f5
  • editorSuggestWidget.highlightForeground#F6C6CC
  • editorSuggestWidget.selectedBackground#6f515699
  • editorSuggestWidget.selectedForeground#f5f5f5
  • editorSuggestWidget.selectedIconForeground#e27087
  • editorSuggestWidgetStatus.foreground#b7b1b2e6
  • editorWarning.foreground#ffb35c
  • editorWhitespace.foreground#4f3f4359
  • editorWidget.background#1b0d10
  • editorWidget.border#5a4b4e73
  • editorWidget.foreground#f5f5f5
  • editorWidget.resizeBorder#5a4b4e73
  • errorForeground#ff5c7a
  • focusBorder#f4dca2
  • foreground#f5f5f5
  • input.background#1b0d10
  • input.border#5a4b4e73
  • input.foreground#f5f5f5
  • inputValidation.errorBackground#ff5c7a33
  • inputValidation.errorBorder#ff5c7a
  • inputValidation.errorForeground#f5f5f5
  • inputValidation.infoBackground#79c0ff33
  • inputValidation.infoBorder#79c0ff
  • inputValidation.infoForeground#f5f5f5
  • inputValidation.warningBackground#ffb35c33
  • inputValidation.warningBorder#ffb35c
  • inputValidation.warningForeground#f5f5f5
  • list.activeSelectionBackground#6f515699
  • list.activeSelectionForeground#f5f5f5
  • list.activeSelectionIconForeground#f5f5f5
  • list.errorForeground#ff5c7a
  • list.filterMatchBackground#846368bf
  • list.filterMatchBorder#f4dca2
  • list.focusAndSelectionOutline#f4dca2
  • list.focusBackground#6f515699
  • list.focusForeground#f5f5f5
  • list.focusHighlightForeground#F6C6CC
  • list.focusOutline#f4dca2
  • list.highlightForeground#e27087
  • list.hoverBackground#50363b73
  • list.hoverForeground#f5f5f5
  • list.inactiveFocusBackground#50363b73
  • list.inactiveFocusOutline#5a4b4e73
  • list.inactiveSelectionBackground#553b408c
  • list.inactiveSelectionForeground#f5f5f5
  • list.inactiveSelectionIconForeground#f5f5f5
  • list.invalidItemForeground#b7b1b2e6
  • list.warningForeground#ffb35c
  • listFilterWidget.background#1b0d10
  • listFilterWidget.noMatchesOutline#ff5c7a
  • listFilterWidget.outline#5a4b4e73
  • listFilterWidget.shadow#00000066
  • menu.background#1b0d10
  • menu.border#5a4b4e73
  • menu.foreground#f5f5f5
  • menu.selectionBackground#6f515699
  • menu.selectionBorder#f4dca2
  • menu.selectionForeground#f5f5f5
  • menu.separatorBackground#5a4b4e73
  • menubar.selectionBackground#6f515699
  • menubar.selectionBorder#f4dca2
  • menubar.selectionForeground#f5f5f5
  • notificationCenter.border#5a4b4e73
  • notificationCenterHeader.background#201014ff
  • notificationCenterHeader.foreground#f5f5f5
  • notificationLink.foreground#e27087
  • notifications.background#211014
  • notifications.border#5a4b4e73
  • notifications.foreground#f5f5f5
  • notificationsErrorIcon.foreground#ff5c7a
  • notificationsInfoIcon.foreground#79c0ff
  • notificationsWarningIcon.foreground#ffb35c
  • notificationToast.border#5a4b4e73
  • panel.background#211014
  • panel.border#5a4b4e73
  • panelTitle.activeForeground#f5f5f5
  • panelTitle.inactiveForeground#807779e6
  • pickerGroup.border#5a4b4e73
  • pickerGroup.foreground#e27087
  • quickInput.background#211014
  • quickInput.foreground#f5f5f5
  • quickInputList.focusBackground#6f515699
  • quickInputList.focusForeground#f5f5f5
  • quickInputList.focusIconForeground#e27087
  • quickInputTitle.background#201014ff
  • sideBar.background#1f0f13
  • sideBar.border#5a4b4e73
  • sideBar.foreground#dbd9daeb
  • sideBarSectionHeader.background#201014ff
  • sideBarSectionHeader.foreground#f5f5f5
  • sideBarTitle.foreground#f5f5f5
  • statusBar.background#1b0d11
  • statusBar.border#5a4b4e73
  • statusBar.debuggingBackground#af4055
  • statusBar.foreground#f5f5f5
  • statusBar.noFolderBackground#1b0d11
  • tab.activeBackground#261217
  • tab.activeBorder#f4dca2
  • tab.activeForeground#f5f5f5
  • tab.activeModifiedBorder#f4dca2
  • tab.border#5a4b4e73
  • tab.hoverBackground#372429ff
  • tab.hoverForeground#f5f5f5
  • tab.inactiveBackground#211014
  • tab.inactiveForeground#807779e6
  • tab.inactiveModifiedBorder#f4dca299
  • tab.lastPinnedBorder#f4dca2
  • tab.unfocusedActiveBackground#261217
  • tab.unfocusedActiveBorder#f4dca299
  • tab.unfocusedActiveForeground#f5f5f5
  • tab.unfocusedActiveModifiedBorder#f4dca280
  • tab.unfocusedHoverBackground#372429ff
  • tab.unfocusedHoverForeground#f5f5f5
  • tab.unfocusedInactiveBackground#211014
  • tab.unfocusedInactiveForeground#807779e6
  • tab.unfocusedInactiveModifiedBorder#f4dca266
  • terminal.background#261217
  • terminal.foreground#f5f5f5
  • terminalCursor.background#261217
  • terminalCursor.foreground#f4dca2
  • textLink.activeForeground#F6C6CC
  • textLink.foreground#e27087
  • titleBar.activeBackground#1d0e11
  • titleBar.activeForeground#f5f5f5
  • titleBar.border#5a4b4e73
  • titleBar.inactiveBackground#1d0e11e6
  • titleBar.inactiveForeground#7e7678e6
  • widget.border#5a4b4e73
  • widget.shadow#00000066

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.block, comment.line, punctuation.definition.comment#807b7citalic
string, string.quoted, string.quoted.double.xcl-twee, string.quoted.single.xcl-twee, string.other.link.title.xcl-twee#F9CED5—
constant.numeric, constant.numeric.xcl-twee#F6C6CC—
constant.language.boolean, constant.language.boolean.xcl-twee, constant.language, constant.character.escape#F6C6CC—
keyword, keyword.operator, keyword.operator.xcl-twee, keyword.operator.arithmetic.xcl-twee, keyword.control, keyword.control.whitespace-collapse.xcl-twee#bb6b7c
variable, variable.other, variable.other.xcl-twee, variable.other.identifier.xcl-twee, variable.parameter#EDA1AD—
entity.name.function, support.function, entity.name.function.macro.xcl-twee, support.function.macro.custom.xcl-twee#bb6b7c—
support.function.macro.navigation.xcl-twee#e27087bold
support.function.macro.audio.xcl-twee#F6C6CC
support.function.macro.ui.xcl-twee#EDA1AD
entity.name.section.passage.xcl-twee#e27087bold
punctuation.definition.passage.begin.xcl-twee#807b7cbold
entity.name.tag.hook.xcl-twee#bb6b7c—
entity.name.tag.html, entity.name.tag.other.html, entity.name.tag#bb6b7c—
entity.other.attribute-name.html, entity.other.attribute-name#EDA1AD—
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#f4dca2bold
punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee#e27087bold
punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee#eda1ad
punctuation.separator.key-value.xcl-twee#bb6b7cbold
punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee#e27087bold
entity.other.attribute-name.passage.tag.xcl-twee#e27087italic
punctuation.definition.directive.begin.xcl-twee#eda1adbold
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#bb6b7c—
keyword.control.lambda.xcl-twee#bb6b7citalic
keyword.control.macro.flow.xcl-twee#e27087—
support.function.macro.javascript.xcl-twee, keyword.other.script-timing.xcl-twee#e27087bold
support.type.datatype.xcl-twee, keyword.operator.type-signature.xcl-twee, keyword.operator.type-union.xcl-twee#e27087italic
variable.language.identifier.xcl-twee#EDA1ADitalic
variable.other.story.xcl-twee#EDA1AD—
variable.other.temp.xcl-twee#EDA1ADitalic
constant.numeric.ordinal.xcl-twee, keyword.other.unit.time.xcl-twee#F6C6CC—
constant.other.colour.name.xcl-twee, constant.other.colour.hex.xcl-twee#F9CED5—
constant.character.escape.xcl-twee, constant.character.escape.linebreak.xcl-twee#807b7c—
markup.raw.verbatim.xcl-twee#F9CED5—
punctuation.definition.raw.begin.xcl-twee, punctuation.definition.raw.end.xcl-twee#807b7c—
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#807b7c—
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#bb6b7cbold
entity.name.section.passage.link.xcl-twee#e27087underline
string.other.link.title.xcl-twee#F9CED5—
keyword.operator.link.xcl-twee, punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee#bb6b7c—
keyword.other.passage.tag.special.xcl-twee#e27087bold
punctuation.definition.tags.xcl-twee#807b7c—
entity.name.tag.hook.reference.xcl-twee, punctuation.definition.hook.reference.xcl-twee, punctuation.definition.hook.name.xcl-twee#bb6b7c—
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#bb6b7c—
punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee#bb6b7c—
punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee, keyword.control.whitespace-collapse.xcl-twee#bb6b7c—
punctuation.separator.comma.xcl-twee#807b7c—