Mainframe
Publisher: Hexkey Co.Themes in package: 1
A light theme bringing back mainframe vibes
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#e3e0db
- activityBar.border#b3b0aa
- activityBar.foreground#000000
- activityBarBadge.background#004c95
- activityBarBadge.foreground#fafaf8
- badge.background#004c95
- badge.foreground#fafaf8
- breadcrumb.focusForeground#000000
- button.background#004c95
- button.foreground#fafaf8
- button.hoverBackground#0066cc
- button.secondaryBackground#fafaf8
- button.secondaryForeground#000000
- button.secondaryHoverBackground#eae8e2
- button.separator#fafaf8
- chat.requestBubbleBackground#dbd9d3f0
- checkbox.background#fafaf8
- checkbox.foreground#004c95
- commandCenter.activeBackground#fafaf8
- commandCenter.activeBorder#b3b0aa
- commandCenter.background#e3e0db
- commandCenter.border#b3b0aa
- commandCenter.inactiveBorder#b3b0aa
- debugConsole.infoForeground#000000
- debugToolBar.background#fafaf8
- descriptionForeground#444444
- diffEditor.border#b3b0aa
- diffEditor.insertedLineBackground#1f5c0015
- diffEditor.insertedTextBackground#1f5c0020
- diffEditor.removedLineBackground#aa220015
- diffEditor.removedTextBackground#aa220020
- dropdown.background#fafaf8
- dropdown.border#b8b8b8
- editor.background#fafaf8
- editor.findMatchBackground#22880044
- editor.findMatchHighlightBackground#22880030
- editor.findMatchHighlightBorder#1f5c00
- editor.findRangeHighlightBackground#22880018
- editor.foreground#000000
- editor.hoverHighlightBackground#d4d2cc60
- editor.lineHighlightBackground#f0efec
- editor.rangeHighlightBackground#d4d2cc80
- editor.selectionBackground#004c9533
- editor.selectionHighlightBorder#b3b0aa
- editor.snippetFinalTabstopHighlightBackground#d4d2cc40
- editor.snippetFinalTabstopHighlightBorder#b3b0aa
- editor.snippetTabstopHighlightBackground#d4d2cc40
- editor.snippetTabstopHighlightBorder#b3b0aa
- editor.wordHighlightBackground#004c9518
- editor.wordHighlightBorder#004c95
- editor.wordHighlightStrongBackground#004c9530
- editor.wordHighlightStrongBorder#b3b0aa
- editorActionList.focusBackground#d4d2cc
- editorBracketHighlight.foreground1#660099
- editorBracketHighlight.foreground2#884400
- editorBracketHighlight.foreground3#004c95
- editorCommentsWidget.replyInputBackground#fafaf8
- editorError.foreground#aa2200
- editorGroup.border#b3b0aa
- editorGroup.dropBackground#004c9520
- editorGroupHeader.tabsBackground#dbd9d3
- editorGroupHeader.tabsBorder#b3b0aa
- editorGutter.addedBackground#1f5c0080
- editorGutter.deletedBackground#aa220080
- editorGutter.modifiedBackground#004c9580
- editorHint.foreground#888878
- editorIndentGuide.activeBackground1#b0aca4
- editorIndentGuide.background1#e0deda
- editorInfo.foreground#004c95
- editorInlayHint.background#b3b0aa40
- editorInlayHint.foreground#000000c0
- editorLineNumber.activeForeground#444444
- editorLineNumber.foreground#aaa898
- editorRuler.foreground#e4e2de
- editorStickyScroll.shadow#00000000
- editorStickyScrollHover.background#d4d2cccc
- editorSuggestWidget.selectedBackground#ceccc7
- editorUnicodeHighlight.border#004c95
- editorWarning.foreground#aa7700
- editorWidget.background#fafaf8
- editorWidget.border#b8b8b8
- editorWidget.foreground#000000
- errorForeground#aa2200
- extensionButton.background#004c95
- extensionButton.foreground#fafaf8
- extensionButton.hoverBackground#0066cc
- extensionButton.separator#fafaf8
- focusBorder#004c95
- foreground#000000
- git.blame.editorDecorationForeground#888878
- gitDecoration.addedResourceForeground#1f5c00
- gitDecoration.conflictingResourceForeground#aa7700
- gitDecoration.deletedResourceForeground#aa2200
- gitDecoration.ignoredResourceForeground#88888880
- gitDecoration.modifiedResourceForeground#aa7700
- gitDecoration.renamedResourceForeground#004c95
- gitDecoration.untrackedResourceForeground#1f5c00
- gitlens.gutterBackgroundColor#e3e0db00
- gitlens.gutterForegroundColor#000000
- gitlens.trailingLineForegroundColor#00000070
- icon.foreground#333333
- inlineChat.background#e3e0db
- inlineChatInput.background#fafaf8
- inlineChatInput.border#b8b8b8
- inlineChatInput.focusBorder#004c95
- input.background#fafaf8
- input.border#b8b8b8
- input.foreground#000000
- input.placeholderForeground#888888
- inputOption.activeBorder#004c95
- list.activeSelectionBackground#ceccc7
- list.activeSelectionForeground#000000
- list.dropBackground#004c9520
- list.hoverBackground#d4d2cc
- list.hoverForeground#000000
- list.inactiveSelectionBackground#dbd9d3
- list.inactiveSelectionForeground#000000
- menu.background#fafaf8
- menu.foreground#000000
- menu.selectionBackground#ceccc7
- menu.selectionForeground#000000
- merge.currentContentBackground#1f5c0020
- merge.currentHeaderBackground#1f5c0040
- merge.incomingContentBackground#004c9520
- merge.incomingHeaderBackground#004c9540
- notebook.cellBorderColor#b3b0aa
- notebook.cellEditorBackground#fafaf8
- notebook.editorBackground#e3e0db
- notebook.focusedCellBorder#004c95
- notifications.background#fafaf8
- notifications.foreground#000000
- panel.background#e3e0db
- panel.border#b3b0aa
- panelInput.border#b8b8b8
- panelSection.dropBackground#004c9520
- panelTitle.activeBorder#004c95
- panelTitle.activeForeground#000000
- panelTitle.border#b3b0aa
- panelTitle.inactiveForeground#444444
- peekView.border#004c95
- peekViewEditor.background#fafaf8
- peekViewEditor.matchHighlightBackground#22880044
- peekViewEditor.matchHighlightBorder#1f5c0080
- peekViewResult.background#e3e0db
- peekViewResult.matchHighlightBackground#d4d2cc
- peekViewResult.selectionBackground#fafaf8
- peekViewResult.selectionForeground#000000
- peekViewTitle.background#e3e0db
- pickerGroup.border#b3b0aa
- progressBar.background#004c95
- quickInput.background#e3e0db
- quickInput.foreground#000000
- quickInputList.focusBackground#d4d2cc
- quickInputList.focusIconForeground#000000
- quickInputTitle.background#e3e0db
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#c8c6c2dd
- scrollbarSlider.background#c8c6c280
- scrollbarSlider.hoverBackground#c8c6c2bb
- searchEditor.findMatchBorder#004c95
- sideBar.background#e3e0db
- sideBar.border#b3b0aa
- sideBar.dropBackground#004c9520
- sideBar.foreground#000000
- sideBarSectionHeader.background#e3e0db
- sideBarSectionHeader.border#b3b0aa
- sideBarStickyScroll.shadow#00000000
- statusBar.background#e3e0db
- statusBar.border#b3b0aa
- statusBar.debuggingBackground#884400
- statusBar.debuggingBorder#884400
- statusBar.debuggingForeground#fafaf8
- statusBar.foreground#000000
- statusBar.noFolderBackground#e3e0db
- statusBarItem.focusBorder#004c95
- statusBarItem.hoverBackground#d4d2cc
- statusBarItem.prominentBackground#004c95
- statusBarItem.prominentForeground#fafaf8
- tab.activeBackground#fafaf8
- tab.activeBorder#fafaf8
- tab.activeBorderTop#004c95
- tab.activeForeground#000000
- tab.activeModifiedBorder#004c95
- tab.border#b3b0aa
- tab.hoverBackground#fafaf8
- tab.inactiveBackground#d4d2cc
- tab.inactiveModifiedBorder#004c95
- tab.lastPinnedBorder#b3b0aa
- terminal.ansiBlack#000000
- terminal.ansiBlue#004c95
- terminal.ansiBrightBlack#555555
- terminal.ansiBrightBlue#0066cc
- terminal.ansiBrightCyan#009999
- terminal.ansiBrightGreen#338800
- terminal.ansiBrightMagenta#7700bb
- terminal.ansiBrightRed#cc3311
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#cc9900
- terminal.ansiCyan#007799
- terminal.ansiGreen#1f5c00
- terminal.ansiMagenta#660099
- terminal.ansiRed#aa2200
- terminal.ansiWhite#cccccc
- terminal.ansiYellow#aa7700
- terminal.background#fafaf8
- terminal.dropBackground#004c9520
- terminal.findMatchHighlightBorder#004c9590
- terminal.foreground#000000
- terminal.selectionBackground#004c9533
- terminal.tab.activeBorder#004c95
- terminalStickyScroll.background#e3e0db
- terminalStickyScrollHover.background#d4d2cc
- textLink.activeForeground#0066cc
- textLink.foreground#004c95
- textSeparator.foreground#b3b0aa
- titleBar.activeBackground#e3e0db
- titleBar.activeForeground#000000
- titleBar.border#b3b0aa
- titleBar.inactiveBackground#dbd9d3
- toolbar.hoverBackground#d4d2cc
- tree.inactiveIndentGuidesStroke#d0cec9
- tree.indentGuidesStroke#b3b0aa
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #666656 | — |
| constant.numeric, constant.language | #1f5c00 | — |
| entity.name.type.class, support.class | #004c95 | |
| entity.name.type.enum, variable.other.enummember | #004c95 | |
| variable.other.event | — | — |
| entity.name.function, support.function, entity.name.function.member | — | |
| entity.name.type.interface | #004c95 | |
| keyword.function, keyword.control, keyword.var, keyword.type, keyword.package, keyword.interface, keyword.other | #884400 | — |
| entity.name.function.macro | #660099 | — |
| entity.name.namespace | — | |
| variable.parameter | — | — |
| variable.parameter, variable.other.parameter | — | — |
| storage.type.struct | #004c95 | |
| entity.name.type, support.type, storage.type | #004c95 | |
| variable.other.readwrite, entity.name.variable, variable.other.constant, support.constant | — | — |
| keyword.control.go | — | bold |
| entity.name.tag.html | #884400 | — |
| keyword.control.as.js, keyword.control.as.jsx, keyword.control.as.ts, keyword.control.as.tsx, keyword.control.conditional.js, keyword.control.conditional.jsx, keyword.control.conditional.ts, keyword.control.conditional.tsx, keyword.control.export.js, keyword.control.export.jsx, keyword.control.export.ts, keyword.control.export.tsx, keyword.control.flow.js, keyword.control.flow.jsx, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.from.js, keyword.control.from.jsx, keyword.control.from.ts, keyword.control.from.tsx, keyword.control.import.js, keyword.control.import.jsx, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.loop.js, keyword.control.loop.jsx, keyword.control.loop.ts, keyword.control.loop.tsx, keyword.control.switch.js, keyword.control.switch.jsx, keyword.control.switch.ts, keyword.control.switch.tsx, keyword.control.trycatch.js, keyword.control.trycatch.jsx, keyword.control.trycatch.ts, keyword.control.trycatch.tsx | — | bold |
| keyword.other.debugger.js, keyword.other.debugger.jsx, keyword.other.debugger.ts, keyword.other.debugger.tsx | #884400 | bold |
| keyword.control.as.js, keyword.control.as.jsx, keyword.control.as.ts, keyword.control.as.tsx, keyword.control.conditional.js, keyword.control.conditional.jsx, keyword.control.conditional.ts, keyword.control.conditional.tsx, keyword.control.export.js, keyword.control.export.jsx, keyword.control.export.ts, keyword.control.export.tsx, keyword.control.flow.js, keyword.control.flow.jsx, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.from.js, keyword.control.from.jsx, keyword.control.from.ts, keyword.control.from.tsx, keyword.control.import.js, keyword.control.import.jsx, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.loop.js, keyword.control.loop.jsx, keyword.control.loop.ts, keyword.control.loop.tsx, keyword.control.switch.js, keyword.control.switch.jsx, keyword.control.switch.ts, keyword.control.switch.tsx, keyword.control.trycatch.js, keyword.control.trycatch.jsx, keyword.control.trycatch.ts, keyword.control.trycatch.tsx, keyword.operator.expression.delete.js, keyword.operator.expression.delete.jsx, keyword.operator.expression.delete.ts, keyword.operator.expression.delete.tsx, keyword.operator.expression.in.js, keyword.operator.expression.in.jsx, keyword.operator.expression.in.ts, keyword.operator.expression.in.tsx, keyword.operator.expression.instanceof.js, keyword.operator.expression.instanceof.jsx, keyword.operator.expression.instanceof.ts, keyword.operator.expression.instanceof.tsx, keyword.operator.expression.is.js, keyword.operator.expression.is.jsx, keyword.operator.expression.is.ts, keyword.operator.expression.is.tsx, keyword.operator.expression.keyof.js, keyword.operator.expression.keyof.jsx, keyword.operator.expression.keyof.ts, keyword.operator.expression.keyof.tsx, keyword.operator.expression.of.js, keyword.operator.expression.of.jsx, keyword.operator.expression.of.ts, keyword.operator.expression.of.tsx, keyword.operator.expression.typeof.js, keyword.operator.expression.typeof.jsx, keyword.operator.expression.typeof.ts, keyword.operator.expression.typeof.tsx, keyword.operator.new.js, keyword.operator.new.jsx, keyword.operator.new.ts, keyword.operator.new.tsx, storage.modifier.async.js, storage.modifier.async.jsx, storage.modifier.async.ts, storage.modifier.async.tsx, storage.modifier.js, storage.modifier.jsx, storage.modifier.ts, storage.modifier.tsx, storage.type.class.js, storage.type.class.jsx, storage.type.class.ts, storage.type.class.tsx, storage.type.enum.js, storage.type.enum.jsx, storage.type.enum.ts, storage.type.enum.tsx, storage.type.function.js, storage.type.function.jsx, storage.type.function.ts, storage.type.function.tsx, storage.type.interface.js, storage.type.interface.jsx, storage.type.interface.ts, storage.type.interface.tsx, storage.type.js, storage.type.jsx, storage.type.namespace.js, storage.type.namespace.jsx, storage.type.namespace.ts, storage.type.namespace.tsx, storage.type.ts, storage.type.tsx, storage.type.type.js, storage.type.type.jsx, storage.type.type.ts, storage.type.type.tsx | #884400 | — |
| variable.language.super.js, variable.language.super.jsx, variable.language.super.ts, variable.language.super.tsx | — | underline |
| variable.language.this.js, variable.language.this.jsx, variable.language.this.ts, variable.language.this.tsx | — | underline |
| markup.bold | — | bold |
| markup.fenced_code.block | #004c95 | — |
| markup.heading | #884400 | bold |
| markup.italic | — | italic |
| markup.underline.link | #004c95 | — |
| markup.quote | #1f5c00 | italic |
| markup.strikethrough | — | strikethrough |
| markup.underline | — | underline |
| keyword.control.flow.python | — | bold |
| punctuation.definition.decorator.python, entity.name.function.decorator.python, meta.function.decorator.python | #660099 | — |
| keyword.control.flow.python, keyword.control.import.python, keyword.operator.logical.python, storage.type.class.python, storage.type.function.async.python, storage.type.function.lambda.python, storage.type.function.python | #884400 | — |
| keyword.control.rust | — | bold |
| meta.attribute.rust | #660099 | — |
| keyword.other.rust, keyword.other.fn.rust, keyword.other.crate.rust | #884400 | — |
| storage.type.rust, storage.modifier.mut.rust | #884400 | — |
| keyword.other.unsafe.rust | #aa2200 | bold |
| string, punctuation.definition.string, string.quoted.single.python | #1f5c00 | |
| constant.character.escape, support.other.escape.special | #2d7a00 | bold |
| constant.language.boolean.toml, constant.numeric.integer.toml | #1f5c00 | — |
| entity.name.tag.yaml | #004c95 | — |