Jonager's theme
Publisher: jonagerThemes in package: 1
A simple theme inspired by Night Owl. Changed colors to add more contrast.
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#7e219c
- activityBar.background#000508
- activityBar.border#422d49
- activityBar.foreground#fff
- activityBarBadge.background#724e7e
- badge.background#724e7e
- button.background#b30642
- button.foreground#EAFEFA
- button.hoverBackground#e40d58
- debugExceptionWidget.background#00080e
- debugExceptionWidget.border#724e7e
- descriptionForeground#93E0E3
- dropdown.background#000508
- dropdown.border#000508
- dropdown.foreground#d6d1d1
- dropdown.listBackground#000508
- editor.background#01101d
- editor.findMatchBackground#6e45c778
- editor.findMatchBorder#000508
- editor.findMatchHighlightBackground#000508
- editor.foreground#d6d1d1
- editor.hoverHighlightBackground#7a5d54
- editor.lineHighlightBackground#000508
- editor.lineHighlightBorder#000508
- editor.selectionBackground#724e7e46
- editor.selectionHighlightBackground#724e7e62
- editor.snippetTabstopHighlightBackground#000508
- editorBracketMatch.border#546E7A
- editorCodeLens.foreground#d6d1d1
- editorError.foreground#dd1b5f
- editorGutter.addedBackground#79b846
- editorGutter.deletedBackground#ff427b
- editorGutter.modifiedBackground#cc900f
- editorIndentGuide.activeBackground#546E7A
- editorInfo.foreground#93E0E3
- editorLineNumber.activeForeground#d6d1d1
- editorLineNumber.foreground#546E7A
- editorOverviewRuler.commonContentForeground#ffd0004d
- editorOverviewRuler.currentContentForeground#fc86fe4d
- editorOverviewRuler.incomingContentForeground#008fe94d
- editorUnnecessaryCode.opacity#0000006e
- editorWarning.foreground#c88a04
- editorWidget.background#000508
- editorWidget.border#422d49
- editorWidget.resizeBorder#724e7e
- errorForeground#dd1b5f
- foreground#d6d1d1
- gitDecoration.addedResourceForeground#a3ff57
- gitDecoration.conflictingResourceForeground#ff428a
- gitDecoration.deletedResourceForeground#ff427b
- gitDecoration.ignoredResourceForeground#415e6c
- gitDecoration.modifiedResourceForeground#ffb000
- gitDecoration.submoduleResourceForeground#cc6796
- gitDecoration.untrackedResourceForeground#c8ff00
- input.background#000508
- input.border#422d49
- input.foreground#d6d1d1
- input.placeholderForeground#d6d1d1
- inputOption.activeBackground#000508
- inputOption.activeBorder#8d42a7
- inputValidation.errorBackground#000508
- inputValidation.errorBorder#422d49
- inputValidation.infoBackground#000508
- inputValidation.infoBorder#422d49
- inputValidation.warningBackground#000508
- inputValidation.warningBorder#422d49
- list.activeSelectionBackground#724e7e75
- list.activeSelectionForeground#d6d1d1
- list.dropBackground#724e7e75
- list.errorForeground#dd1b5f
- list.focusBackground#724e7e75
- list.focusForeground#d6d1d1
- list.highlightForeground#d6d1d1
- list.hoverBackground#724e7e75
- list.hoverForeground#d6d1d1
- list.inactiveSelectionBackground#724e7e75
- list.inactiveSelectionForeground#d6d1d1
- list.warningForeground#c88a04
- merge.border#242560
- merge.commonContentBackground#ffd00013
- merge.commonHeaderBackground#ffd00033
- merge.currentContentBackground#fc86fe13
- merge.currentHeaderBackground#fc86fe33
- merge.incomingContentBackground#008fe913
- merge.incomingHeaderBackground#008fe933
- panel.background#00080e
- panel.border#01101d
- panelTitle.activeBorder#422d49
- panelTitle.activeForeground#d6d1d1
- panelTitle.inactiveForeground#686363
- peekView.border#422d49
- peekViewEditor.background#000508
- peekViewEditor.matchHighlightBackground#724e7e75
- peekViewEditor.matchHighlightBorder#0000
- peekViewEditorGutter.background#000508
- pickerGroup.border#422d49
- progressBar.background#00080e
- quickInput.background#000508
- scrollbarSlider.activeBackground#573866c0
- scrollbarSlider.background#724e7e3b
- scrollbarSlider.hoverBackground#573866c0
- selection.background#724e7e
- sideBar.background#00080e
- sideBar.foreground#d6d1d1
- sideBarTitle.foreground#d6d1d1
- statusBar.background#12111f
- statusBar.debuggingBackground#12111f
- statusBar.debuggingForeground#d6d1d1
- statusBar.foreground#d6d1d1
- statusBar.noFolderBackground#12111f
- statusBar.noFolderForeground#d6d1d1
- tab.activeBackground#000508
- tab.inactiveBackground#12111f
- terminal.ansiBlack#30317D
- terminal.ansiBlue#7DD9E4
- terminal.ansiBrightBlack#391AB5
- terminal.ansiBrightBlue#66c2c5
- terminal.ansiBrightCyan#6ed8c5
- terminal.ansiBrightGreen#a5cc17
- terminal.ansiBrightMagenta#af2b76
- terminal.ansiBrightRed#c2325d
- terminal.ansiBrightWhite#b9e7dc
- terminal.ansiBrightYellow#d8bb3c
- terminal.ansiCyan#91dbce
- terminal.ansiGreen#b2d140
- terminal.ansiMagenta#c94d93
- terminal.ansiRed#ad3664
- terminal.ansiWhite#b3d1ca
- terminal.ansiYellow#dbd96c
- terminal.selectionBackground#874df84d
- terminalCursor.background#ff428e
- terminalCursor.foreground#defff7
- titleBar.activeBackground#ffee00
- titleBar.activeForeground#f52277
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, keyword.operator.assignment, keyword.operator.new, storage, entity.name.label, variable.language.this | #c678dd | — |
| variable, entity, entity.name.type.class, entity.name.type.interface, entity.name.type.module, meta, meta.block.cpp, support, keyword.other.unit, source, parameter.variable.function | #cdd2db | — |
| meta.brace, meta.block, punctuation, meta.function.definition | #447e81 | — |
| support.type.primitive, support.type.builtin | #98C379 | — |
| entity.name.function, entity.name.function-call, support.function | #82AAFF | — |
| entity.name.type | #FFCB8B | — |
| entity.name.tag, support.class.component | #eebf67 | — |
| entity.name.tag.css, entity.other.attribute-name.id, entity.other.attribute-name.class | #56b6c2 | — |
| variable.other.property, variable.other.env, variable.other.constant.property, meta.object-literal.key, support.type.object.module, support.type.property-name.json | #7FDBCA | — |
| comment, punctuation.definition.comment | #386566 | — |
| string, punctuation.definition.string | #98c379 | — |
| constant, invalid, invalid.illegal | #F78C6C | — |
| constant.language.import-export-all | #CDD2DB | — |