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#0e151d
  • activityBar.border#4d4b5673
  • activityBar.foreground#ffd8e6
  • activityBar.inactiveForeground#7a6d77e6
  • activityBarBadge.background#a078d9
  • activityBarBadge.foreground#121c26
  • badge.background#524577e6
  • badge.foreground#ffd8e6
  • breadcrumb.activeSelectionForeground#ffd8e6
  • breadcrumb.background#121c26
  • breadcrumb.focusForeground#ffd8e6
  • breadcrumb.foreground#b8a0ace6
  • breadcrumbPicker.background#101921
  • button.background#a078d9
  • button.foreground#121c26
  • button.hoverBackground#ac72cf
  • descriptionForeground#b8a0ace6
  • dropdown.background#0d141b
  • dropdown.border#4d4b5673
  • dropdown.foreground#ffd8e6
  • editor.background#121c26
  • editor.findMatchBackground#683b65bf
  • editor.findMatchHighlightBackground#472f4da6
  • editor.findRangeHighlightBackground#34283f73
  • editor.foreground#ffd8e6
  • editor.hoverHighlightBackground#382a4273
  • editor.inactiveSelectionBackground#3e2c468c
  • editor.lineHighlightBackground#242632ff
  • editor.selectionBackground#55345799
  • editor.selectionHighlightBackground#4b315099
  • editor.wordHighlightBackground#3633538c
  • editor.wordHighlightStrongBackground#443c6599
  • editorBracketMatch.background#3c2b4559
  • editorBracketMatch.border#ff3e80e6
  • editorCursor.background#121c26
  • editorCursor.foreground#ff3e80
  • editorError.foreground#ff5c7a
  • editorGroup.border#4d4b5673
  • editorGroupHeader.border#4d4b5673
  • editorGroupHeader.noTabsBackground#121c26
  • editorGroupHeader.tabsBackground#101921
  • editorGroupHeader.tabsBorder#4d4b5673
  • editorGutter.addedBackground#7ee787
  • editorGutter.background#121c26
  • editorGutter.deletedBackground#ff5c7a
  • editorGutter.modifiedBackground#79c0ff
  • editorHint.foreground#7ee787
  • editorHoverWidget.background#242632ff
  • editorHoverWidget.border#4d4b5673
  • editorHoverWidget.foreground#ffd8e6
  • editorIndentGuide.activeBackground#5954608c
  • editorIndentGuide.background#41424c59
  • editorInfo.foreground#79c0ff
  • editorLineNumber.activeForeground#ac96a3d9
  • editorLineNumber.foreground#655e69a6
  • editorLink.activeForeground#a078d9
  • editorOverviewRuler.border#4d4b5673
  • editorRuler.foreground#3d3e4959
  • editorStickyScroll.background#242632ff
  • editorStickyScrollHover.background#4b315099
  • editorSuggestWidget.background#0d141b
  • editorSuggestWidget.border#4d4b5673
  • editorSuggestWidget.focusHighlightForeground#d161b1
  • editorSuggestWidget.foreground#ffd8e6
  • editorSuggestWidget.highlightForeground#d161b1
  • editorSuggestWidget.selectedBackground#55345799
  • editorSuggestWidget.selectedForeground#ffd8e6
  • editorSuggestWidget.selectedIconForeground#ffd8e6
  • editorSuggestWidgetStatus.foreground#b8a0ace6
  • editorWarning.foreground#ffb35c
  • editorWhitespace.foreground#41424c59
  • editorWidget.background#101921
  • editorWidget.border#4d4b5673
  • editorWidget.foreground#ffd8e6
  • editorWidget.resizeBorder#4d4b5673
  • errorForeground#ff5c7a
  • focusBorder#ff3e80
  • foreground#ffd8e6
  • input.background#0d141b
  • input.border#4d4b5673
  • input.foreground#ffd8e6
  • inputValidation.errorBackground#0d141b
  • inputValidation.errorBorder#ff5c7a
  • inputValidation.errorForeground#ff5c7a
  • inputValidation.infoBackground#0d141b
  • inputValidation.infoBorder#79c0ff
  • inputValidation.infoForeground#79c0ff
  • inputValidation.warningBackground#0d141b
  • inputValidation.warningBorder#ffb35c
  • inputValidation.warningForeground#ffb35c
  • list.activeSelectionBackground#55345799
  • list.activeSelectionForeground#ffd8e6
  • list.activeSelectionIconForeground#ffd8e6
  • list.errorForeground#ff5c7a
  • list.focusAndSelectionOutline#ff3e80
  • list.focusBackground#55345799
  • list.focusForeground#ffd8e6
  • list.focusHighlightForeground#d161b1
  • list.focusOutline#ff3e80
  • list.highlightForeground#d161b1
  • list.hoverBackground#4b315099
  • list.hoverForeground#ffd8e6
  • list.inactiveFocusBackground#3e2c468c
  • list.inactiveFocusOutline#ff3e80
  • list.inactiveSelectionBackground#3e2c468c
  • list.inactiveSelectionForeground#ffd8e6
  • list.inactiveSelectionIconForeground#ffd8e6
  • list.warningForeground#ffb35c
  • menu.background#0d141b
  • menu.border#4d4b5673
  • menu.foreground#ffd8e6
  • menu.selectionBackground#55345799
  • menu.selectionBorder#ff3e80
  • menu.selectionForeground#ffd8e6
  • menu.separatorBackground#4d4b5673
  • menubar.selectionBackground#55345799
  • menubar.selectionBorder#ff3e80
  • menubar.selectionForeground#ffd8e6
  • minimapSlider.activeBackground#55345799
  • minimapSlider.background#41424c59
  • minimapSlider.hoverBackground#5954608c
  • notificationCenter.border#4d4b5673
  • notificationCenterHeader.background#101820ff
  • notificationCenterHeader.foreground#ffd8e6
  • notificationLink.foreground#a078d9
  • notifications.background#101921
  • notifications.border#4d4b5673
  • notifications.foreground#ffd8e6
  • notificationsErrorIcon.foreground#ff5c7a
  • notificationsInfoIcon.foreground#79c0ff
  • notificationsWarningIcon.foreground#ffb35c
  • notificationToast.border#4d4b5673
  • panel.background#101921
  • panel.border#4d4b5673
  • panelTitle.activeForeground#ffd8e6
  • panelTitle.inactiveForeground#7c6f7ae6
  • pickerGroup.border#4d4b5673
  • pickerGroup.foreground#a078d9
  • quickInput.background#101921
  • quickInput.foreground#ffd8e6
  • quickInputList.focusBackground#55345799
  • quickInputList.focusForeground#ffd8e6
  • quickInputList.focusIconForeground#ffd8e6
  • quickInputTitle.background#101820ff
  • quickInputTitle.foreground#ffd8e6
  • scrollbarSlider.activeBackground#55345799
  • scrollbarSlider.background#41424c59
  • scrollbarSlider.hoverBackground#5954608c
  • sideBar.background#0f171f
  • sideBar.border#4d4b5673
  • sideBar.foreground#e2c1ceeb
  • sideBarSectionHeader.background#101820ff
  • sideBarSectionHeader.foreground#ffd8e6
  • sideBarTitle.foreground#ffd8e6
  • statusBar.background#0d141b
  • statusBar.border#4d4b5673
  • statusBar.debuggingBackground#aa4359
  • statusBar.foreground#ffd8e6
  • statusBar.noFolderBackground#0d141b
  • statusBarItem.hoverBackground#4b315099
  • tab.activeBackground#121c26
  • tab.activeBorder#ff3e80
  • tab.activeForeground#ffd8e6
  • tab.activeModifiedBorder#a078d9
  • tab.border#4d4b5673
  • tab.hoverBackground#4b315099
  • tab.hoverForeground#ffd8e6
  • tab.inactiveBackground#101921
  • tab.inactiveForeground#7c6f7ae6
  • tab.inactiveModifiedBorder#a078d999
  • tab.unfocusedActiveBorder#ff3e8099
  • tab.unfocusedActiveForeground#ffd8e6
  • tab.unfocusedActiveModifiedBorder#a078d999
  • tab.unfocusedHoverBackground#4b315099
  • tab.unfocusedHoverForeground#ffd8e6
  • tab.unfocusedInactiveForeground#7c6f7ae6
  • tab.unfocusedInactiveModifiedBorder#a078d966
  • terminal.background#121c26
  • terminal.foreground#ffd8e6
  • terminalCursor.background#121c26
  • terminalCursor.foreground#ff3e80
  • textLink.activeForeground#d161b1
  • textLink.foreground#a078d9
  • titleBar.activeBackground#0e151d
  • titleBar.activeForeground#ffd8e6
  • titleBar.border#4d4b5673
  • titleBar.inactiveBackground#0e151de6
  • titleBar.inactiveForeground#7a6d77e6
  • widget.border#4d4b5673
  • widget.shadow#0000001f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.block, comment.line, punctuation.definition.comment#7d6c75italic
string, string.quoted, string.quoted.double.xcl-twee, string.quoted.single.xcl-twee, string.other.link.title.xcl-twee#d161b1—
constant.numeric, constant.numeric.xcl-twee#d161b1—
constant.language.boolean, constant.language.boolean.xcl-twee, constant.language, constant.character.escape#d161b1—
keyword, keyword.operator, keyword.operator.xcl-twee, keyword.operator.arithmetic.xcl-twee, keyword.control, keyword.control.whitespace-collapse.xcl-twee#a078d9
variable, variable.other, variable.other.xcl-twee, variable.other.identifier.xcl-twee, variable.parameter#a279da—
entity.name.function, support.function, entity.name.function.macro.xcl-twee, support.function.macro.custom.xcl-twee#a078d9—
support.function.macro.navigation.xcl-twee#a078d9bold
support.function.macro.audio.xcl-twee#d161b1
support.function.macro.ui.xcl-twee#a279da
entity.name.section.passage.xcl-twee#a078d9bold
punctuation.definition.passage.begin.xcl-twee#7d6c75bold
entity.name.tag.hook.xcl-twee#a078d9—
entity.name.tag.html, entity.name.tag.other.html, entity.name.tag#a078d9—
entity.other.attribute-name.html, entity.other.attribute-name#a279da—
punctuation.section.parens.begin.xcl-twee, punctuation.section.parens.end.xcl-twee#ff3e80bold
punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee#a078d9bold
punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee#ff3e80bold
entity.other.attribute-name.passage.tag.xcl-twee#d161b1italic
punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee#a078d9—
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#a078d9—
keyword.control.lambda.xcl-twee#a078d9italic
keyword.control.macro.flow.xcl-twee#a078d9—
support.function.macro.javascript.xcl-twee, keyword.other.script-timing.xcl-twee#a078d9bold
support.type.datatype.xcl-twee, keyword.operator.type-signature.xcl-twee, keyword.operator.type-union.xcl-twee#d161b1italic
variable.language.identifier.xcl-twee#a279daitalic
variable.other.story.xcl-twee#a279da—
variable.other.temp.xcl-twee#a279daitalic
constant.numeric.ordinal.xcl-twee, keyword.other.unit.time.xcl-twee#d161b1—
constant.other.colour.name.xcl-twee, constant.other.colour.hex.xcl-twee#d161b1—
constant.character.escape.xcl-twee, constant.character.escape.linebreak.xcl-twee#7d6c75—
markup.raw.verbatim.xcl-twee#d161b1—
punctuation.definition.raw.begin.xcl-twee, punctuation.definition.raw.end.xcl-twee#7d6c75—
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#7d6c75—
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#a078d9bold
entity.name.section.passage.link.xcl-twee#a078d9underline
string.other.link.title.xcl-twee#d161b1—
keyword.operator.link.xcl-twee, punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee#a078d9—
keyword.other.passage.tag.special.xcl-twee#d161b1bold
punctuation.definition.tags.xcl-twee#7d6c75—
entity.name.tag.hook.reference.xcl-twee, punctuation.definition.hook.reference.xcl-twee, punctuation.definition.hook.name.xcl-twee#a078d9—
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#a078d9—
punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee#a078d9—
punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee, keyword.control.whitespace-collapse.xcl-twee#a078d9—
punctuation.separator.comma.xcl-twee#7d6c75—