Janus Light
Publisher: JanusThemes in package: 2
This color theme is just for janus
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#f5f5f5
- activityBar.border#ddd
- activityBar.dropBackground#fff
- activityBar.foreground#333
- activityBarBadge.background#4b82cfeb
- activityBarBadge.foreground#fffffb
- badge.background#3d82c6
- badge.foreground#fff
- button.background#3d82c6
- button.foreground#fff
- button.hoverBackground#064e93
- debugToolBar.background#fff
- diffEditor.insertedTextBackground#e6ffec
- diffEditor.removedTextBackground#ffdce0
- dropdown.background#fff
- dropdown.border#ddd
- dropdown.foreground#333
- editor.background#fffffb
- editor.findMatchBackground#fff78a7e
- editor.findMatchHighlightBackground#fff78a7e
- editor.findRangeHighlightBackground#fff78a7e
- editor.foreground#333
- editor.hoverHighlightBackground#fff78a7e
- editor.lineHighlightBackground#F0F5FA
- editor.lineHighlightBorder#F0F5FA
- editor.rangeHighlightBackground#fff78a7e
- editor.selectionBackground#acd5ff
- editor.selectionHighlightBackground#e9f4ff
- editorBracketHighlight.foreground1#000000b2
- editorBracketMatch.background#F0F5FA
- editorBracketMatch.border#e8e8e8
- editorCodeLens.foreground#000000b2
- editorCursor.background#fffffb
- editorCursor.foreground#000000b2
- editorError.border#fff
- editorError.foreground#d21d00
- editorGroup.border#ddd
- editorGutter.addedBackground#A1DF8A
- editorGutter.deletedBackground#EB5368
- editorGutter.modifiedBackground#F0C36F
- editorHoverWidget.background#f3f3f3
- editorHoverWidget.border#ddd
- editorIndentGuide.background#ececec7b
- editorInfo.border#fff
- editorInfo.foreground#deb800
- editorLineNumber.foreground#b3b3b3
- editorLink.activeForeground#0366d6
- editorOverviewRuler.addedForeground#A1DF8A
- editorOverviewRuler.border#ddd
- editorOverviewRuler.deletedForeground#EB5368
- editorOverviewRuler.errorForeground#d21d00
- editorOverviewRuler.infoForeground#deb800
- editorOverviewRuler.modifiedForeground#5F7387
- editorOverviewRuler.warningForeground#deb800
- editorRuler.foreground#e8e8e8
- editorSuggestWidget.background#fff
- editorSuggestWidget.border#ddd
- editorSuggestWidget.foreground#333
- editorSuggestWidget.highlightForeground#3d82c6
- editorSuggestWidget.selectedBackground#acd5ff
- editorWarning.border#fff
- editorWarning.foreground#deb800
- editorWhitespace.foreground#ececec7b
- editorWidget.background#fff
- editorWidget.border#ddd
- extensionButton.prominentBackground#3d82c6
- extensionButton.prominentForeground#fff
- extensionButton.prominentHoverBackground#3d82c6
- focusBorder#ddd
- foreground#333
- gitDecoration.conflictingResourceForeground#f66a0a
- gitDecoration.deletedResourceForeground#d21d00
- gitDecoration.ignoredResourceForeground#a7a7a7
- gitDecoration.modifiedResourceForeground#3d82c6
- gitDecoration.untrackedResourceForeground#444d56
- input.background#fff
- input.border#ddd
- input.foreground#333
- input.placeholderForeground#ddd
- inputOption.activeBorder#ddd
- inputValidation.errorBackground#fff
- inputValidation.errorBorder#ff3333
- inputValidation.infoBackground#fff
- inputValidation.infoBorder#0086B3
- inputValidation.warningBackground#fff
- inputValidation.warningBorder#F0C36F
- list.activeSelectionBackground#79a1d9
- list.activeSelectionForeground#fff
- list.focusBackground#dbebfd
- list.focusForeground#333
- list.highlightForeground#79a1d9
- list.hoverBackground#fff
- list.hoverForeground#000
- list.inactiveSelectionBackground#dbebfd
- list.inactiveSelectionForeground#79a1d9
- merge.border#fff
- merge.currentHeaderBackground#f66a0a
- notification.background#fff
- notification.buttonBackground#3d82c6
- notification.buttonForeground#fff
- notification.buttonHoverBackground#064e93
- notification.errorBackground#f9f2f4
- notification.errorForeground#c7264e
- notification.foreground#333
- panel.background#f7f7f7
- panel.border#ddd
- panelTitle.activeBorder#ddd
- panelTitle.activeForeground#333
- panelTitle.inactiveForeground#666
- progressBar.background#3d82c6
- scrollbarSlider.activeBackground#cfcfcfee
- scrollbarSlider.background#cfcfcf52
- scrollbarSlider.hoverBackground#cfcfcf9e
- selection.background#3d81c683
- sideBar.background#f5f5f5
- sideBar.border#ddd
- sideBar.foreground#333
- sideBarSectionHeader.background#fff
- sideBarSectionHeader.foreground#333
- sideBarTitle.foreground#333
- statusBar.background#f7f7f7
- statusBar.border#ddd
- statusBar.debuggingBackground#f7f7f7
- statusBar.debuggingForeground#ddd
- statusBar.foreground#4b4b4b
- statusBar.noFolderBackground#f7f7f7
- statusBarItem.activeBackground#ddd
- statusBarItem.hoverBackground#ddd
- statusBarItem.prominentBackground#f7f7f7f7
- statusBarItem.prominentHoverBackground#ddd
- statusBarItem.remoteBackground#4b82cfeb
- statusBarItem.remoteHoverForeground#fffffb
- tab.activeBackground#fffffb
- tab.activeBorder#ffffff
- tab.activeForeground#666666
- tab.border#a7a7a753
- tab.inactiveBackground#f3f3f3
- tab.inactiveForeground#666
- tab.unfocusedActiveBorder#3d82c6
- tab.unfocusedActiveForeground#fff
- tab.unfocusedInactiveForeground#666666
- terminal.ansiBlack#000
- terminal.ansiBlue#85e7fa
- terminal.ansiBrightBlack#686868
- terminal.ansiBrightBlue#6871ff
- terminal.ansiBrightCyan#85e7ee
- terminal.ansiBrightGreen#cbe645
- terminal.ansiBrightMagenta#ff77ff
- terminal.ansiBrightRed#f07178
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffd864
- terminal.ansiCyan#85e7ee
- terminal.ansiGreen#56fa48
- terminal.ansiMagenta#ae90e9
- terminal.ansiRed#ff6c69
- terminal.ansiWhite#c7c7c7
- terminal.ansiYellow#ffd864
- terminal.background#fffffb
- terminal.foreground#fff
- terminalCursor.foreground#000000b2
- titleBar.activeBackground#e5e5e5
- titleBar.activeForeground#333
- widget.shadow#dddddd
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source | #333 | — |
| comment.line, comment.block, punctuation.definition.comment, comment markup.link, comment.source.cmake | #969896 | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array | #173591 | — |
| punctuation.section.scope, support.function.core | #333 | — |
| keyword.operator | #333 | — |
| variable.other, variable.other.readwrite, variable.other.member, variable.other.object.property, variable.other.property, variable.object.property, support.variable.property, meta.method.body.java | #326fc0 | — |
| entity.name.constant, constant.other.caps.python, constant.other.caps.rust, variable.other.constant | #f29317 | — |
| constant, constant.other.symbol, constant.character.escape.scss, constant.character.escape.css, constant.language.symbol, constant.numeric | #895656 | — |
| string, constant.character.escape | #009485 | — |
| variable.language, variable.language.this.cpp, variable.parameter.function.language.special.self.python, variable.language.special.self.python, variable.language.self.rust | #f29317 | — |
| keyword, keyword.operator.new, keyword.operator.delete | #ca4242 | — |
| storage | #ca4242 | — |
| entity.name.function, entity.name.method, variable.function, meta.function-call.python, meta.require, support.function, support.function.any-method, keyword.other.special-method | #79619e | — |
| variable.parameter | #326fc0 | — |
| variable.other.enummember.cpp | #f29317 | — |
| support.class, entity.name.class, entity.other.inherited-class | #333 | — |
| entity.name.type, storage.type.built-in, storage.type.annotation, storage.type.primitive, support.type, support.type.property-name, support.class.cpp, storage.type.java, storage.type.object | #333333 | — |
| keyword.control.directive.include.c, keyword.control.directive.include.cpp, keyword.control.directive.define.c, keyword.control.directive.define.cpp | #ca4242 | — |
| string.quoted.other.lt-gt.include.cpp, string.quoted.other.lt-gt.include.c, string.quoted.double.include.cpp, string.quoted.double.include.c | #333333 | — |
| entity.name.tag | #63a3a4 | — |
| entity.other.attribute-name, meta.attribute.rust, storage.type.annotation.java | #795DA3 | — |
| entity.other.attribute-name.id, punctuation.definition.entity | #795DA3 | — |
| meta.selector | #A71D5D | — |
| markup.heading punctuation.definition.heading, entity.name.section | #795DA3 | — |
| keyword.other.unit | #5C9966 | — |
| markup.bold, punctuation.definition.bold | #795DA3 | bold |
| markup.italic, punctuation.definition.italic | #A71D5D | italic |
| markup.raw.inline | #183691 | — |
| support.type.property-name.json, support.type.property-name.toml, entity.name.tag.yaml | #326fc0 | — |
| string.other.link | #ED6A43 | — |
| meta.link | #795DA3 | — |
| markup.lists | #ED6A43 | — |
| markup.quote | #795DA3 | — |
| meta.separator | #333 | — |
| markup.inserted | #A1DF8A | — |
| markup.deleted | #EB5368 | — |
| markup.changed | #F0C36F | — |
| string.regexp | #795DA3 | — |
| constant.character.escape | #795DA3 | — |
| punctuation.section.embedded, variable.interpolation | #ab7967 | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #333 | — |
| entity.name.tag | #63a3a4 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #91B3E0 | italic |
| constant.character.entity, punctuation.definition.entity | #AB6526 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #7A3E9D | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #448C27 | — |
| keyword.other.important | — | bold |