jax theme
Publisher: jaxThemes in package: 1
My personal theme :3
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.activeBorder#adc178
- activityBar.background#fcf5e4
- activityBar.border#e4dcc8
- activityBar.foreground#333333
- activityBar.inactiveForeground#856e7199
- activityBarBadge.background#e5b567
- activityBarBadge.foreground#000000
- badge.background#d4941e
- badge.foreground#1a1a1a
- button.background#5a9d2f
- button.foreground#ffffff
- button.hoverBackground#4a8d1f
- button.secondaryBackground#856e7133
- button.secondaryForeground#262632
- button.secondaryHoverBackground#856e7180
- debugConsoleInputIcon.foreground#e4dcc8
- debugExceptionWidget.background#e4dcc8
- debugExceptionWidget.border#e4dcc8
- debugIcon.breakpointDisabledForeground#7852ee80
- debugIcon.breakpointForeground#7852ee
- debugToolBar.background#e4dcc8
- descriptionForeground#856e71
- diffEditor.border#e4dcc8
- diffEditor.diagonalFill#e4dcc8
- diffEditor.insertedTextBackground#09b94e1f
- diffEditor.removedTextBackground#eb42541f
- diffEditor.unchangedRegionBackground#e4dcc8
- dropdown.background#ffffff
- dropdown.border#dddddd
- dropdown.foreground#1a1a1a
- editor.background#fcf5e4
- editor.findMatchBackground#e5b567bb
- editor.findMatchBorder#d4941e
- editor.findMatchHighlightBackground#e5b56755
- editor.findMatchHighlightBorder#e5b56799
- editor.findRangeHighlightBackground#e5b56722
- editor.foreground#1a1a1a
- editor.inactiveSelectionBackground#d4a85540
- editor.lineHighlightBackground#dad2be
- editor.rangeHighlightBackground#e5b56728
- editor.selectionBackground#e5b56733
- editor.selectionForeground#333333
- editor.selectionHighlightBackground#e5b56740
- editor.selectionHighlightBorder#e5b56788
- editor.wordHighlightBackground#e5b56750
- editor.wordHighlightBorder#e5b567aa
- editor.wordHighlightStrongBackground#b4d27350
- editor.wordHighlightStrongBorder#b4d273aa
- editorBracketHighlight.foreground1#f3a84d
- editorBracketHighlight.foreground2#e68aff
- editorBracketHighlight.foreground3#49d9e8
- editorBracketMatch.background#b4d27344
- editorBracketMatch.border#b4d273
- editorCursor.foreground#333333
- editorError.foreground#800000
- editorGroup.border#e4dcc8
- editorGroupHeader.noTabsBackground#e4dcc8
- editorGroupHeader.tabsBackground#e4dcc8
- editorGroupHeader.tabsBorder#e4dcc8
- editorGutter.addedBackground#09b94ecc
- editorGutter.deletedBackground#eb4254cc
- editorGutter.modifiedBackground#7852eecc
- editorHint.foreground#9e86c8
- editorHoverWidget.background#e4dcc8
- editorHoverWidget.border#e4dcc8
- editorIndentGuide.activeBackground1#d4d4d4
- editorIndentGuide.background1#e8e8e8
- editorInfo.foreground#6c99bb
- editorInlayHint.background#e4dcc8
- editorInlayHint.foreground#856e71
- editorLineNumber.activeForeground#262632
- editorLineNumber.foreground#26263266
- editorMarkerNavigation.background#e4dcc8
- editorOverviewRuler.addedForeground#09b94e
- editorOverviewRuler.border#e4dcc8
- editorOverviewRuler.bracketMatchForeground#262632b3
- editorOverviewRuler.deletedForeground#eb4254b3
- editorOverviewRuler.errorForeground#eb4254
- editorOverviewRuler.findMatchForeground#d4941ecc
- editorOverviewRuler.infoForeground#7852ee
- editorOverviewRuler.modifiedForeground#7852eeb3
- editorOverviewRuler.warningForeground#ec7602
- editorOverviewRuler.wordHighlightForeground#7852ee66
- editorOverviewRuler.wordHighlightStrongForeground#09b94e66
- editorRuler.foreground#dddddd
- editorSuggestWidget.background#e4dcc8
- editorSuggestWidget.border#e4dcc8
- editorSuggestWidget.highlightForeground#d4941e
- editorSuggestWidget.selectedBackground#e4dcc866
- editorWarning.foreground#e87d3e
- editorWhitespace.foreground#cccccc
- editorWidget.background#e4dcc8
- editorWidget.border#e4dcc8
- errorForeground#eb4254
- extensionButton.prominentBackground#d4941e
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#bf841a
- focusBorder#5a9d2f
- foreground#262632
- gitDecoration.conflictingResourceForeground#eb4254b3
- gitDecoration.deletedResourceForeground#eb4254b3
- gitDecoration.ignoredResourceForeground#856e7180
- gitDecoration.modifiedResourceForeground#7852eeb3
- gitDecoration.submoduleResourceForeground#d63e86b3
- gitDecoration.untrackedResourceForeground#09b94e
- icon.foreground#856e71
- input.background#ffffff
- input.border#dddddd
- input.foreground#1a1a1a
- input.placeholderForeground#999999
- inputOption.activeBackground#e4dcc833
- inputOption.activeBorder#e4dcc84d
- inputOption.activeForeground#262632
- inputValidation.errorBackground#e4dcc8
- inputValidation.errorBorder#eb4254
- inputValidation.infoBackground#e4dcc8
- inputValidation.infoBorder#7852ee
- inputValidation.warningBackground#e4dcc8
- inputValidation.warningBorder#ec7602
- keybindingLabel.background#856e711a
- keybindingLabel.border#2626321a
- keybindingLabel.bottomBorder#2626321a
- keybindingLabel.foreground#262632
- list.activeSelectionBackground#e5b56744
- list.activeSelectionForeground#1a1a1a
- list.deemphasizedForeground#eb4254
- list.errorForeground#ff5d6a
- list.filterMatchBackground#d5cdb940
- list.filterMatchBorder#e5b56766
- list.focusBackground#e5b56755
- list.focusForeground#262632
- list.focusOutline#adc17888
- list.highlightForeground#d4941e
- list.hoverBackground#e5b56622
- list.hoverForeground#262632
- list.inactiveSelectionBackground#d4a85566
- list.inactiveSelectionForeground#262632
- list.invalidItemForeground#ff5d6a
- list.warningForeground#ec7602
- listFilterWidget.background#e4dcc8
- listFilterWidget.noMatchesOutline#eb4254
- listFilterWidget.outline#adc178
- menu.background#e4dcc8
- menu.border#d4cbb7
- menu.foreground#14141f
- menu.selectionBackground#e5b56755
- menu.selectionBorder#e5b56799
- menu.selectionForeground#262632
- menu.separatorBackground#584346
- menubar.selectionBackground#e4dcc866
- menubar.selectionBorder#e4dcc866
- menubar.selectionForeground#262632
- minimap.background#fcf5e4
- minimap.errorHighlight#eb4254
- minimap.findMatchHighlight#adc178cc
- minimap.infoHighlight#7852ee
- minimap.selectionHighlight#adc178b3
- minimap.selectionOccurrenceHighlight#adc178f2
- minimap.warningHighlight#ec7602
- minimapGutter.addedBackground#09b94e
- minimapGutter.deletedBackground#eb4254b3
- minimapGutter.modifiedBackground#7852eeb3
- notebook.cellEditorBackground#e4dcc8
- notificationCenterHeader.background#f5f0e4
- notificationLink.foreground#4a7ba7
- notifications.background#ffffff
- notifications.foreground#1a1a1a
- panel.background#e4dcc8
- panel.border#e4dcc8
- panelTitle.activeBorder#adc178
- panelTitle.activeForeground#262632
- panelTitle.inactiveForeground#856e71
- peekView.border#e4dcc866
- peekViewEditor.background#e4dcc8
- peekViewEditor.matchHighlightBackground#e5b56744
- peekViewEditor.matchHighlightBorder#e5b56788
- peekViewResult.background#e4dcc8
- peekViewResult.fileForeground#262632
- peekViewResult.lineForeground#856e71
- peekViewResult.matchHighlightBackground#e5b56755
- peekViewResult.selectionBackground#d4a85577
- peekViewResult.selectionForeground#1a1a1a
- peekViewTitle.background#d4cbb7
- peekViewTitleDescription.foreground#856e71
- peekViewTitleLabel.foreground#262632
- pickerGroup.border#d4cbb7
- pickerGroup.foreground#856e71
- progressBar.background#5a9d2f
- scrollbar.background#e4dcc8
- scrollbar.shadow#00000022
- scrollbarSlider.activeBackground#c8b8a3
- scrollbarSlider.background#c8b8a380
- scrollbarSlider.hoverBackground#b8a893
- selection.background#e4dcc840
- settings.checkboxBackground#dfd7c3
- settings.checkboxBorder#adc17880
- settings.checkboxForeground#262632b3
- settings.focusedRowBackground#e4dcc833
- settings.headerForeground#262632
- sideBar.background#e4dcc8
- sideBar.border#e4dcc8
- sideBar.foreground#1a1a1a
- sideBarSectionHeader.background#e4dcc8
- sideBarSectionHeader.border#d4cbb7
- sideBarSectionHeader.foreground#1a1a1a
- sideBarStickyScroll.background#e4dcc8
- sideBarStickyScroll.shadow#00000022
- sideBarTitle.background#e4dcc8
- sideBarTitle.foreground#1a1a1a
- statusBar.background#f5f0e4
- statusBar.border#e4dcc8
- statusBar.debuggingBackground#c86d2e
- statusBar.debuggingBorder#e4dcc8
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#1a1a1a
- statusBar.noFolderBackground#e4dcc8
- statusBarItem.activeBackground#856e7133
- statusBarItem.hoverBackground#e5b56633
- statusBarItem.prominentBackground#e4dcc8
- statusBarItem.prominentHoverBackground#0000004f
- statusBarItem.remoteBackground#adc178
- statusBarItem.remoteForeground#262632
- statusBarItem.remoteHoverBackground#d5cdb9
- statusBarItem.remoteHoverForeground#262632
- tab.activeBackground#fcf5e4
- tab.activeBorder#fcf5e4
- tab.activeBorderTop#5a9d2f
- tab.activeForeground#1a1a1a
- tab.border#e4dcc8
- tab.hoverBackground#fcf5e4
- tab.inactiveBackground#e4dcc8
- tab.inactiveForeground#1a1a1a
- tab.unfocusedActiveBorder#fcf5e4
- tab.unfocusedActiveBorderTop#5a9d2f
- tab.unfocusedActiveForeground#1a1a1a
- tab.unfocusedHoverBackground#fcf5e4
- tab.unfocusedInactiveForeground#1a1a1a
- terminal.ansiBlack#1a1a1a
- terminal.ansiBlue#5a7fa0
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#7a9fbf
- terminal.ansiBrightCyan#8ab87a
- terminal.ansiBrightGreen#5aa45a
- terminal.ansiBrightMagenta#a88fa8
- terminal.ansiBrightRed#d4644f
- terminal.ansiBrightWhite#333333
- terminal.ansiBrightYellow#d9a85a
- terminal.ansiCyan#5fa84a
- terminal.ansiGreen#2d8a2d
- terminal.ansiMagenta#8a6fa0
- terminal.ansiRed#b83c4a
- terminal.ansiWhite#999999
- terminal.ansiYellow#c9934a
- terminal.background#fcf5e4
- terminal.foreground#1a1a1a
- textBlockQuote.background#e4dcc8
- textLink.activeForeground#c6da90
- textLink.foreground#adc178
- textPreformat.background#fffff1
- textPreformat.foreground#262632
- titleBar.activeBackground#fcf5e4
- titleBar.activeForeground#262632
- titleBar.border#e4dcc8
- titleBar.inactiveBackground#fcf5e4
- titleBar.inactiveForeground#856e71
- tree.indentGuidesStroke#adc17899
- walkThrough.embeddedEditorBackground#e4dcc8
- welcomePage.progress.background#adc178
- welcomePage.tileBackground#e4dcc8
- widget.shadow#0000004f
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #A2A7A8 | italic bold |
| variable, variable.parameter.function-call, variable.language, entity.name.variable.local.cs | #00BFBC | — |
| variable.other.constant, constant.other.color | #D63E86 | — |
| variable.member | #D63E86 | — |
| invalid | #EB4254 | — |
| keyword, keyword.control, keyword.other | #D63E86 | — |
| storage.type, storage.modifier | #D63E86 | — |
| keyword.operator, keyword.operator.assignment.go | #D63E86 | — |
| string, constant.other.symbol | #ADC178 | — |
| punctuation.separator, punctuation.terminator | #98B9CA | bold |
| constant.other.color, keyword.other.template, keyword.other.substitution | #EB4254 | — |
| entity.name.function, support.function.go | #6C99BB | bold |
| support.function, support.macro | #91BDE1 | bold |
| variable.language.this | #F1599D | italic |
| variable.function, variable.annotation, meta.function-call.generic | #6C99BB | — |
| support.constant | #D63E86 | italic |
| entity.name.import, entity.name.package | #A3B76F | — |
| storage.modifier.import.java, entity.name.type.namespace.cs | #98B9CA | — |
| meta.diff, meta.diff.header | #E4DCC8 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #D63E86 | — |
| variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #F1599D | — |
| meta.function.decorator.python, support.token.decorator.python,meta.function.decorator.identifier.python | #F1599D | — |
| variable.parameter.function.language.python, variable.parameter.function.python, variable.parameter.function.js, variable.parameter.function, variable.parameter, meta.definition.variable.name, meta.parameter | #00BFBC | italic |
| message.error | #EB4254 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit | #A181E4 | — |
| meta.tag.sgml, markup.deleted.git_gutter | #98B9CA | — |
| storage.type.function | #D63E86 | — |
| punctuation.accessor | #D63E86 | — |
| constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #ADC178 | — |
| keyword.operator.arithmetic.go, keyword.operator.address.go | #D63E86 | — |
| entity.name.package.go | #D63E86 | — |
| source.go storage.type | #D63E86 | — |
| entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, support.type.sys-types, variable.other.object.cs, entity.other.inherited-class | #98B9CA | — |
| support.type | #98B9CA | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #F1599D | — |
| entity.name.method.js | #6C99BB | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #6C99BB | — |
| meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation | #F1599D | — |
| source.js constant.other.object.key.js string.unquoted.label.js | #00A6A4 | italic |
| entity.name.tag, text.html.derivative | #EB4254 | — |
| punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #98B9CA | — |
| meta.tag, text.html.basic, text.html.basic source, text.html.basic source.html, text.html.basic source.html entity.other.attribute-name, text.html.basic source.html entity.other.attribute-name.html, text.html.basic source.html entity.other.attribute-value, text.html.basic source.html punctuation.definition.string, text.html.basic source.html string.quoted.double, text.html.basic source.html string.quoted.single, text.html.basic source.html string.unquoted, text.html.derivative | #262632 | — |
| entity.other.attribute-name | #F48FBE | italic |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.postcss support.type.property-name, support.type.property-name.css | #91BDE1 | — |
| entity.other.attribute-name.class | #98B9CA | — |
| entity.other.attribute-name.id | #4FBE66 | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class | #98B9CA | italic |
| entity.name.tag.wildcard.css, entity.name.tag.wildcard.less, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.sass | #2DCECB | — |
| keyword.other.unit.css, constant.numeric.css | #A181E4 | — |
| keyword.other.unit, support.constant.property-value.css, meta.property-value.css, meta.property-list.css, source.css, constant.other.color.rgb-value.hex.css | #D63E86 | — |
| keyword.other.important | #D63E86 | italic |
| source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type | #6A5457 | — |
| string.regexp, constant.character, constant.other | #4FBE66 | — |
| *url*, *link*, *uri* | — | underline |
| source.json meta.structure.dictionary.json support.type.property-name.json | #00BFBC | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #262632 | — |
| markup.heading.markdown punctuation.definition.heading.markdown | #00605F | bold |
| markup.heading.markdown entity.name | #00BFBC | bold |
| punctuation.definition.list.begin.markdown | #D63E86 | — |
| markup.italic | #4FBE66 | italic |
| markup.bold, markup.bold string | #4FBE66 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #4FBE66 | bold italic |
| markup.underline | #00BFBC | underline |
| markup.quote punctuation.definition.blockquote.markdown, markup.quote | #98B9CA | — |
| string.other.link.title.markdown | #6C99BB | — |
| markup.inline.raw.string.markdown | #00BFBC | — |
| string.other.link.description.title.markdown | #D63E86 | — |
| meta.separator | #D63E86 | bold |
| markup.table | #262632 | — |
| markup.inserted | #09B94E | — |
| markup.deleted | #EB4254B3 | — |
| markup.changed | #7852EEB3 | — |
| comment | #666666 | — |
| punctuation.definition.comment | #666666 | — |
| string | #5A9D2F | — |
| meta.embedded.assembly | #5A9D2F | — |
| keyword - keyword.operator | #7A5BA7 | — |
| keyword.control | #7A5BA7 | — |
| storage | #7A5BA7 | — |
| storage.type | #7A5BA7 | — |
| constant.numeric | #D4941E | — |
| entity.name.type | #4A7BA7 | — |
| entity.name.class | #4A7BA7 | — |
| support.type | #4A7BA7 | — |
| support.class | #4A7BA7 | — |
| entity.name.function | #4A7BA7 | — |
| support.function | #4A7BA7 | — |
| variable | #1A1A1A | — |
| entity.name.variable | #1A1A1A | — |
| string | #5A9D2F | — |
| constant.numeric | #D4941E | — |
| keyword | #7A5BA7 | italic |
| comment | #666666 | italic |
| entity.name.function | #4A7BA7 | — |
| entity.name.type, storage.type | #4A7BA7 | — |
| variable | #1A1A1A | — |
| keyword.operator | #1A1A1A | — |
| entity.name.tag | #C86D2E | — |
| entity.other.attribute-name | #904265 | — |
| invalid | #660000 | underline |
| storage.type | #7A5BA7 | — |
| punctuation | #1A1A1A | — |
| token.info-token | #316BCD | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #CD3131 | — |
| token.debug-token | #800080 | — |