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#e9e9e9
  • activityBar.border#a9a9a959
  • activityBar.foreground#111111
  • activityBar.inactiveForeground#888888e6
  • activityBarBadge.background#222222
  • activityBarBadge.foreground#ffffff
  • badge.background#d0d0d0e6
  • badge.foreground#111111
  • breadcrumb.activeSelectionForeground#111111
  • breadcrumb.background#fbfbfb
  • breadcrumb.focusForeground#717171
  • breadcrumb.foreground#575757e6
  • breadcrumbPicker.background#f3f3f3
  • button.background#222222
  • button.foreground#ffffff
  • button.hoverBackground#363636
  • descriptionForeground#575757e6
  • dropdown.background#e7e7e7
  • dropdown.border#a9a9a959
  • dropdown.foreground#111111
  • dropdown.listBackground#e7e7e7
  • editor.background#fbfbfb
  • editor.findMatchBackground#d8d8d88c
  • editor.findMatchHighlightBackground#e6e6e666
  • editor.findRangeHighlightBackground#ededed40
  • editor.foreground#111111
  • editor.hoverHighlightBackground#ededed40
  • editor.inactiveSelectionBackground#e9e9e98c
  • editor.lineHighlightBackground#f1f1f1ff
  • editor.selectionBackground#dfdfdf66
  • editor.selectionHighlightBackground#e2e2e259
  • editor.wordHighlightBackground#e1e1e14c
  • editor.wordHighlightStrongBackground#d4d4d457
  • editorBracketHighlight.foreground1#848484
  • editorBracketHighlight.foreground2#222222
  • editorBracketHighlight.foreground3#000000
  • editorBracketHighlight.foreground4#444444
  • editorBracketHighlight.foreground5#717171
  • editorBracketHighlight.foreground6#626262
  • editorBracketHighlight.unexpectedBracket.foreground#b00020
  • editorBracketMatch.background#ededed38
  • editorBracketMatch.border#848484e6
  • editorBracketPairGuide.activeBackground1#84848480
  • editorBracketPairGuide.activeBackground2#22222280
  • editorBracketPairGuide.activeBackground3#00000080
  • editorBracketPairGuide.activeBackground4#44444480
  • editorBracketPairGuide.activeBackground5#71717180
  • editorBracketPairGuide.activeBackground6#62626280
  • editorBracketPairGuide.background1#84848440
  • editorBracketPairGuide.background2#22222240
  • editorBracketPairGuide.background3#00000040
  • editorBracketPairGuide.background4#44444440
  • editorBracketPairGuide.background5#71717140
  • editorBracketPairGuide.background6#62626240
  • editorCursor.background#fbfbfb
  • editorCursor.foreground#848484
  • editorError.foreground#b00020
  • editorGroup.border#a9a9a959
  • editorGroup.dropBackground#dfdfdf66
  • editorGroup.dropIntoPromptBackground#e7e7e7
  • editorGroup.dropIntoPromptBorder#848484
  • editorGroup.dropIntoPromptForeground#111111
  • editorGroupHeader.border#a9a9a959
  • editorGroupHeader.noTabsBackground#fbfbfb
  • editorGroupHeader.tabsBackground#f3f3f3
  • editorGroupHeader.tabsBorder#a9a9a959
  • editorGutter.addedBackground#2e7d32
  • editorGutter.background#fbfbfb
  • editorGutter.deletedBackground#b00020
  • editorGutter.modifiedBackground#1e40af
  • editorHint.foreground#2e7d32
  • editorHoverWidget.background#f1f1f1ff
  • editorHoverWidget.border#a9a9a959
  • editorHoverWidget.foreground#111111
  • editorIndentGuide.activeBackground#9d9d9d66
  • editorIndentGuide.background#c0c0c040
  • editorInfo.foreground#1e40af
  • editorLineNumber.activeForeground#636363d9
  • editorLineNumber.foreground#a9a9a9a6
  • editorLink.activeForeground#222222
  • editorRuler.foreground#d1d1d159
  • editorSuggestWidget.background#e7e7e7
  • editorSuggestWidget.border#a9a9a959
  • editorSuggestWidget.focusHighlightForeground#717171
  • editorSuggestWidget.foreground#111111
  • editorSuggestWidget.highlightForeground#717171
  • editorSuggestWidget.selectedBackground#d0d0d0e6
  • editorSuggestWidget.selectedForeground#111111
  • editorSuggestWidget.selectedIconForeground#222222
  • editorSuggestWidgetStatus.foreground#575757e6
  • editorWarning.foreground#b45309
  • editorWhitespace.foreground#cccccc59
  • editorWidget.background#e7e7e7
  • editorWidget.border#a9a9a959
  • editorWidget.foreground#111111
  • editorWidget.resizeBorder#a9a9a959
  • errorForeground#b00020
  • focusBorder#848484
  • foreground#111111
  • input.background#e7e7e7
  • input.border#a9a9a959
  • input.foreground#111111
  • inputValidation.errorBackground#b0002026
  • inputValidation.errorBorder#b00020
  • inputValidation.errorForeground#111111
  • inputValidation.infoBackground#1e40af26
  • inputValidation.infoBorder#1e40af
  • inputValidation.infoForeground#111111
  • inputValidation.warningBackground#b4530926
  • inputValidation.warningBorder#b45309
  • inputValidation.warningForeground#111111
  • list.activeSelectionBackground#d0d0d0e6
  • list.activeSelectionForeground#111111
  • list.activeSelectionIconForeground#111111
  • list.errorForeground#b00020
  • list.filterMatchBackground#d8d8d88c
  • list.filterMatchBorder#848484
  • list.focusAndSelectionOutline#848484
  • list.focusBackground#d0d0d0e6
  • list.focusForeground#111111
  • list.focusHighlightForeground#717171
  • list.focusOutline#848484
  • list.highlightForeground#222222
  • list.hoverBackground#ededed40
  • list.hoverForeground#111111
  • list.inactiveFocusBackground#ededed40
  • list.inactiveFocusOutline#a9a9a959
  • list.inactiveSelectionBackground#d0d0d0e6
  • list.inactiveSelectionForeground#111111
  • list.inactiveSelectionIconForeground#111111
  • list.invalidItemForeground#575757e6
  • list.warningForeground#b45309
  • listFilterWidget.background#e7e7e7
  • listFilterWidget.noMatchesOutline#b00020
  • listFilterWidget.outline#a9a9a959
  • listFilterWidget.shadow#0000001f
  • menu.background#e7e7e7
  • menu.border#a9a9a959
  • menu.foreground#111111
  • menu.selectionBackground#d0d0d0e6
  • menu.selectionBorder#848484
  • menu.selectionForeground#111111
  • menu.separatorBackground#a9a9a959
  • menubar.selectionBackground#d0d0d0e6
  • menubar.selectionBorder#848484
  • menubar.selectionForeground#111111
  • notificationCenter.border#a9a9a959
  • notificationCenterHeader.background#f1f1f1ff
  • notificationCenterHeader.foreground#111111
  • notificationLink.foreground#222222
  • notifications.background#f3f3f3
  • notifications.border#a9a9a959
  • notifications.foreground#111111
  • notificationsErrorIcon.foreground#b00020
  • notificationsInfoIcon.foreground#1e40af
  • notificationsWarningIcon.foreground#b45309
  • notificationToast.border#a9a9a959
  • panel.background#f3f3f3
  • panel.border#a9a9a959
  • panelTitle.activeForeground#111111
  • panelTitle.inactiveForeground#8d8d8de6
  • pickerGroup.border#a9a9a959
  • pickerGroup.foreground#222222
  • quickInput.background#f3f3f3
  • quickInput.foreground#111111
  • quickInputList.focusBackground#d0d0d0e6
  • quickInputList.focusForeground#111111
  • quickInputList.focusIconForeground#222222
  • quickInputTitle.background#f1f1f1ff
  • sideBar.background#eeeeee
  • sideBar.border#a9a9a959
  • sideBar.foreground#2c2c2ceb
  • sideBarSectionHeader.background#f1f1f1ff
  • sideBarSectionHeader.foreground#111111
  • sideBarTitle.foreground#111111
  • statusBar.background#e4e4e4
  • statusBar.border#a9a9a959
  • statusBar.debuggingBackground#c25065
  • statusBar.foreground#111111
  • statusBar.noFolderBackground#e4e4e4
  • tab.activeBackground#fbfbfb
  • tab.activeBorder#848484
  • tab.activeForeground#111111
  • tab.activeModifiedBorder#848484
  • tab.border#a9a9a959
  • tab.hoverBackground#f1f1f1ff
  • tab.hoverForeground#111111
  • tab.inactiveBackground#f3f3f3
  • tab.inactiveForeground#8d8d8de6
  • tab.inactiveModifiedBorder#84848499
  • tab.lastPinnedBorder#848484
  • tab.unfocusedActiveBackground#fbfbfb
  • tab.unfocusedActiveBorder#84848499
  • tab.unfocusedActiveForeground#111111
  • tab.unfocusedActiveModifiedBorder#84848480
  • tab.unfocusedHoverBackground#f1f1f1ff
  • tab.unfocusedHoverForeground#111111
  • tab.unfocusedInactiveBackground#f3f3f3
  • tab.unfocusedInactiveForeground#8d8d8de6
  • tab.unfocusedInactiveModifiedBorder#84848466
  • terminal.background#fbfbfb
  • terminal.foreground#111111
  • terminalCursor.background#fbfbfb
  • terminalCursor.foreground#848484
  • textLink.activeForeground#717171
  • textLink.foreground#222222
  • titleBar.activeBackground#e9e9e9
  • titleBar.activeForeground#111111
  • titleBar.border#a9a9a959
  • titleBar.inactiveBackground#e9e9e9e6
  • titleBar.inactiveForeground#888888e6
  • widget.border#a9a9a959
  • widget.shadow#0000001f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.block, comment.line, punctuation.definition.comment#7a7a7aitalic
string, string.quoted, string.quoted.double.xcl-twee, string.quoted.single.xcl-twee, string.other.link.title.xcl-twee#000000—
constant.numeric, constant.numeric.xcl-twee#717171—
constant.language.boolean, constant.language.boolean.xcl-twee, constant.language, constant.character.escape#717171—
keyword, keyword.operator, keyword.operator.xcl-twee, keyword.operator.arithmetic.xcl-twee, keyword.control, keyword.control.whitespace-collapse.xcl-twee#444444
variable, variable.other, variable.other.xcl-twee, variable.other.identifier.xcl-twee, variable.parameter#222222—
entity.name.function, support.function, entity.name.function.macro.xcl-twee, support.function.macro.custom.xcl-twee#444444—
support.function.macro.navigation.xcl-twee#222222bold
support.function.macro.audio.xcl-twee#717171
support.function.macro.ui.xcl-twee#222222
entity.name.section.passage.xcl-twee#222222bold
punctuation.definition.passage.begin.xcl-twee#7a7a7abold
entity.name.tag.hook.xcl-twee#444444—
entity.name.tag.html, entity.name.tag.other.html, entity.name.tag#444444—
entity.other.attribute-name.html, entity.other.attribute-name#222222—
invalid, invalid.illegal, invalid.illegal.unclosed.macro.xcl-twee, invalid.illegal.unclosed.hook.xcl-twee#b00020underline
punctuation.section.parens.begin.xcl-twee, punctuation.section.parens.end.xcl-twee#848484bold
punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee#222222bold
punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee#444444
punctuation.separator.key-value.xcl-twee#717171bold
punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee#222222bold
entity.other.attribute-name.passage.tag.xcl-twee#222222italic
punctuation.definition.directive.begin.xcl-twee#444444bold
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#444444—
keyword.control.lambda.xcl-twee#444444italic
keyword.control.macro.flow.xcl-twee#222222—
support.function.macro.javascript.xcl-twee, keyword.other.script-timing.xcl-twee#222222bold
support.type.datatype.xcl-twee, keyword.operator.type-signature.xcl-twee, keyword.operator.type-union.xcl-twee#222222italic
variable.language.identifier.xcl-twee#222222italic
variable.other.story.xcl-twee#222222—
variable.other.temp.xcl-twee#222222italic
constant.numeric.ordinal.xcl-twee, keyword.other.unit.time.xcl-twee#717171—
constant.other.colour.name.xcl-twee, constant.other.colour.hex.xcl-twee#000000—
constant.character.escape.xcl-twee, constant.character.escape.linebreak.xcl-twee#7a7a7a—
markup.raw.verbatim.xcl-twee#000000—
punctuation.definition.raw.begin.xcl-twee, punctuation.definition.raw.end.xcl-twee#7a7a7a—
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#7a7a7a—
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#444444bold
entity.name.section.passage.link.xcl-twee#222222underline
string.other.link.title.xcl-twee#000000—
keyword.operator.link.xcl-twee, punctuation.definition.link.begin.xcl-twee, punctuation.definition.link.end.xcl-twee#444444—
keyword.other.passage.tag.special.xcl-twee#222222bold
punctuation.definition.tags.xcl-twee#7a7a7a—
entity.name.tag.hook.reference.xcl-twee, punctuation.definition.hook.reference.xcl-twee, punctuation.definition.hook.name.xcl-twee#444444—
invalid.illegal.unclosed.macro.xcl-twee, invalid.illegal.unclosed.hook.xcl-twee, invalid.illegal.unclosed.block.xcl-twee#b00020underline
invalid.illegal.operator.xcl-twee#b00020underline
punctuation.section.parens.begin.xcl-twee, punctuation.section.parens.end.xcl-twee, punctuation.separator.key-value.xcl-twee#444444—
punctuation.section.brackets.begin.xcl-twee, punctuation.section.brackets.end.xcl-twee#444444—
punctuation.section.braces.begin.xcl-twee, punctuation.section.braces.end.xcl-twee, keyword.control.whitespace-collapse.xcl-twee#444444—
punctuation.separator.comma.xcl-twee#7a7a7a—
X-Change Life Twee Tools by aphrodite - VS Code Theme