Skip to main content
Coding Theme

Gundam RX-78 Theme

Publisher: chenzilveThemes in package: 2

A Gundam RX-78-2 inspired color theme and icon pack for VS Code. Red, blue, yellow, black & white — the classic mobile suit palette.

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.activeBackground#1A253580
  • activityBar.activeBorder#FFC107
  • activityBar.background#0D1520
  • activityBar.border#1A2535
  • activityBar.foreground#E0E0E0
  • activityBarBadge.background#E53935
  • activityBarBadge.foreground#FFFFFF
  • badge.background#E53935
  • badge.foreground#FFFFFF
  • breadcrumb.activeSelectionForeground#FFC107
  • breadcrumb.background#080C14
  • breadcrumb.focusForeground#E0E0E0
  • breadcrumb.foreground#2A3A50
  • button.background#E53935
  • button.foreground#FFFFFF
  • button.hoverBackground#D32F2F
  • button.secondaryBackground#1565C0
  • button.secondaryForeground#FFFFFF
  • button.secondaryHoverBackground#1976D2
  • commandCenter.activeBackground#FFC10720
  • commandCenter.activeForeground#FFFFFF
  • commandCenter.background#0D1520
  • commandCenter.border#1A2535
  • commandCenter.foreground#E0E0E0
  • descriptionForeground#9E9E9E
  • diffEditor.diagonalFill#1A2535
  • diffEditor.insertedLineBackground#42A5F510
  • diffEditor.insertedTextBackground#42A5F520
  • diffEditor.removedLineBackground#E5393510
  • diffEditor.removedTextBackground#E5393520
  • dropdown.background#0D1520
  • dropdown.border#1A2535
  • dropdown.foreground#E0E0E0
  • editor.background#080C14
  • editor.findMatchBackground#FFC10760
  • editor.findMatchHighlightBackground#FFC10730
  • editor.foreground#E0E0E0
  • editor.lineHighlightBackground#0D1520
  • editor.lineHighlightBorder#0D1520
  • editor.selectionBackground#FFC10740
  • editor.selectionHighlightBackground#FFC10725
  • editor.wordHighlightBackground#42A5F520
  • editor.wordHighlightStrongBackground#42A5F535
  • editorBracketMatch.background#FFC10730
  • editorBracketMatch.border#FFC107
  • editorCursor.foreground#E53935
  • editorError.foreground#FF5252
  • editorGroupHeader.tabsBackground#080C14
  • editorGroupHeader.tabsBorder#1A2535
  • editorGutter.addedBackground#42A5F5
  • editorGutter.deletedBackground#E53935
  • editorGutter.modifiedBackground#FFC107
  • editorHint.foreground#64B5F6
  • editorHoverWidget.background#0D1520
  • editorHoverWidget.border#1A2535
  • editorIndentGuide.activeBackground#FFC10760
  • editorIndentGuide.background#1A2535
  • editorInfo.foreground#42A5F5
  • editorLineNumber.activeForeground#FFC107
  • editorLineNumber.foreground#2A3A50
  • editorOverviewRuler.bracketMatchForeground#FFC10780
  • editorOverviewRuler.errorForeground#E53935
  • editorOverviewRuler.infoForeground#42A5F5
  • editorOverviewRuler.selectionHighlightForeground#FFC10780
  • editorOverviewRuler.warningForeground#FFC107
  • editorOverviewRuler.wordHighlightForeground#42A5F580
  • editorSuggestWidget.background#0D1520
  • editorSuggestWidget.border#1A2535
  • editorSuggestWidget.highlightForeground#FFC107
  • editorSuggestWidget.selectedBackground#FFC10720
  • editorWarning.foreground#FFC107
  • editorWhitespace.foreground#1A2535
  • editorWidget.background#0D1520
  • editorWidget.border#1A2535
  • errorForeground#FF5252
  • focusBorder#E53935
  • foreground#E0E0E0
  • gitDecoration.addedResourceForeground#42A5F5
  • gitDecoration.conflictingResourceForeground#FF5252
  • gitDecoration.deletedResourceForeground#E53935
  • gitDecoration.ignoredResourceForeground#2A3A50
  • gitDecoration.modifiedResourceForeground#FFC107
  • gitDecoration.submoduleResourceForeground#42A5F5
  • gitDecoration.untrackedResourceForeground#64B5F6
  • icon.foreground#E0E0E0
  • input.background#0D1520
  • input.border#1A2535
  • input.foreground#E0E0E0
  • input.placeholderForeground#2A3A50
  • inputOption.activeBackground#FFC10720
  • inputOption.activeBorder#FFC107
  • list.activeSelectionBackground#FFC10725
  • list.activeSelectionForeground#FFFFFF
  • list.errorForeground#FF5252
  • list.highlightForeground#FFC107
  • list.hoverBackground#0D1520
  • list.hoverForeground#E0E0E0
  • list.inactiveSelectionBackground#0D1520
  • list.warningForeground#FFC107
  • menu.background#0D1520
  • menu.border#1A2535
  • menu.foreground#E0E0E0
  • menu.selectionBackground#E5393530
  • menu.selectionForeground#FFFFFF
  • menu.separatorBackground#1A2535
  • menubar.selectionBackground#E5393530
  • menubar.selectionForeground#FFFFFF
  • minimap.background#080C14
  • minimap.findMatchHighlight#FFC10780
  • minimap.selectionHighlight#FFC10750
  • minimapGutter.addedBackground#42A5F5
  • minimapGutter.deletedBackground#E53935
  • minimapGutter.modifiedBackground#FFC107
  • notificationCenter.border#1A2535
  • notifications.background#0D1520
  • notifications.border#1A2535
  • notifications.foreground#E0E0E0
  • notificationToast.border#E5393560
  • panel.background#080C14
  • panel.border#1A2535
  • panelTitle.activeBorder#FFC107
  • panelTitle.activeForeground#FFFFFF
  • panelTitle.inactiveForeground#2A3A50
  • peekView.border#42A5F5
  • peekViewEditor.background#0D1520
  • peekViewEditor.matchHighlightBackground#FFC10730
  • peekViewResult.background#080C14
  • peekViewResult.matchHighlightBackground#FFC10740
  • peekViewTitle.background#0D1520
  • peekViewTitleDescription.foreground#42A5F5
  • peekViewTitleLabel.foreground#FFFFFF
  • quickInput.background#0D1520
  • quickInput.foreground#E0E0E0
  • quickInputList.focusBackground#FFC10720
  • quickInputTitle.background#0D1520
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#42A5F560
  • scrollbarSlider.background#1A253580
  • scrollbarSlider.hoverBackground#42A5F540
  • selection.background#FFC10750
  • sideBar.background#0A0F1A
  • sideBar.border#1A2535
  • sideBar.foreground#E0E0E0
  • sideBarSectionHeader.background#0D1520
  • sideBarSectionHeader.foreground#42A5F5
  • sideBarTitle.foreground#FFFFFF
  • statusBar.background#D32F2F
  • statusBar.border#B71C1C
  • statusBar.debuggingBackground#B71C1C
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#FFFFFF
  • statusBar.noFolderBackground#0D1520
  • tab.activeBackground#0D1520
  • tab.activeBorderTop#FFC107
  • tab.activeForeground#FFFFFF
  • tab.border#080C14
  • tab.inactiveBackground#080C14
  • tab.inactiveForeground#2A3A50
  • terminal.ansiBlack#0D1520
  • terminal.ansiBlue#42A5F5
  • terminal.ansiBrightBlack#2A3A50
  • terminal.ansiBrightBlue#64B5F6
  • terminal.ansiBrightCyan#90CAF9
  • terminal.ansiBrightGreen#66BB6A
  • terminal.ansiBrightMagenta#FF8A80
  • terminal.ansiBrightRed#FF5252
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FFD54F
  • terminal.ansiCyan#64B5F6
  • terminal.ansiGreen#4CAF50
  • terminal.ansiMagenta#FF5252
  • terminal.ansiRed#E53935
  • terminal.ansiWhite#E0E0E0
  • terminal.ansiYellow#FFC107
  • terminal.background#080C14
  • terminal.foreground#E0E0E0
  • titleBar.activeBackground#080C14
  • titleBar.activeForeground#E0E0E0
  • titleBar.border#E5393580
  • titleBar.inactiveBackground#080C14
  • titleBar.inactiveForeground#2A3A50

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#2A3A50italic
keyword, storage.type, storage.modifier#E53935
keyword.control, keyword.operator.new#E53935
keyword.operator#42A5F5
string, string.quoted#FFD54F
constant.character.escape#FFC107
punctuation.definition.template-expression#E53935
constant.numeric, constant.language#FFC107
entity.name.function, support.function, meta.function-call#64B5F6
variable.parameter#E0E0E0
variable, variable.other#E0E0E0
variable.other.property, variable.other.object.property#90CAF9
entity.name.type, entity.name.class, support.type, support.class#42A5F5
entity.name.type.interface#42A5F5italic
meta.decorator, punctuation.decorator, entity.name.function.decorator#E53935
entity.name.tag, punctuation.definition.tag#E53935
entity.other.attribute-name#90CAF9italic
support.type.property-name.css#90CAF9
support.constant.property-value.css#FFD54F
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#E53935
punctuation.definition.block, punctuation.definition.parameters, punctuation.separator, punctuation.terminator, meta.brace#42A5F5
support.type.property-name.json#E53935
string.quoted.double.json#FFD54F
markup.heading, entity.name.section.markdown#E53935bold
markup.bold#FFFFFFbold
markup.italic#90CAF9italic
markup.underline.link#64B5F6
markup.inline.raw, markup.fenced_code.block#FFD54F
string.regexp#FFC107
variable.language.this, variable.language.self#E53935italic
keyword.control.import, keyword.control.export, keyword.control.from#E53935
support.constant#FFC107
entity.name.namespace, entity.name.module#90CAF9
entity.name.type.parameter#42A5F5