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.activeBorder#666666
- activityBar.activeFocusBorder#666666
- activityBar.background#fffffb
- activityBar.border#dddddd
- activityBar.dropBackground#fffffb
- activityBar.foreground#666666
- activityBar.inactiveForeground#9e9e9e
- activityBarBadge.background#4b82cf
- activityBarBadge.foreground#fffffb
- badge.background#3d82c6
- badge.foreground#ffffff
- button.background#3d82c6
- button.foreground#ffffff
- button.hoverBackground#064e93
- commandCenter.activeBackground#e0e0e0
- commandCenter.background#fffffb
- commandCenter.border#E8E8E8
- commandCenter.foreground#333333
- debugToolBar.background#fffffb
- diffEditor.insertedTextBackground#e6ffec
- diffEditor.removedTextBackground#ffdce0
- dropdown.background#fffffb
- dropdown.border#dddddd
- dropdown.foreground#333333
- editor.background#fffffb
- editor.findMatchBackground#fff78a7e
- editor.findMatchHighlightBackground#fff78a7e
- editor.findRangeHighlightBackground#fff78a7e
- editor.foreground#333333
- editor.hoverHighlightBackground#fff78a7e
- editor.lineHighlightBackground#f0f0f0
- editor.lineHighlightBorder#f0f0f0
- editor.rangeHighlightBackground#fff78a7e
- editor.selectionBackground#d6d6d6
- editor.selectionHighlightBackground#e0e0e0
- editorBracketHighlight.foreground1#000000b2
- editorBracketHighlight.foreground2#795DA3
- editorBracketHighlight.foreground3#326fc0
- editorBracketHighlight.foreground4#f29317
- editorBracketHighlight.foreground5#009485
- editorBracketHighlight.foreground6#ca4242
- editorBracketMatch.background#F0F0F0
- editorBracketMatch.border#e8e8e8
- editorCodeLens.foreground#000000b2
- editorCursor.background#fffffb
- editorCursor.foreground#000000b2
- editorError.border#FFFFFB
- editorError.foreground#d21d00
- editorGroup.border#dddddd
- editorGutter.addedBackground#A1DF8A
- editorGutter.deletedBackground#EB5368
- editorGutter.modifiedBackground#F0C36F
- editorHoverWidget.background#f3f3f3
- editorHoverWidget.border#dddddd
- editorIndentGuide.activeBackground1#D6D6D6
- editorIndentGuide.activeBackground2#D6D6D6
- editorIndentGuide.activeBackground3#D6D6D6
- editorIndentGuide.background#ececec7b
- editorIndentGuide.background1#ececec7b
- editorIndentGuide.background2#ececec7b
- editorIndentGuide.background3#ececec7b
- editorInfo.border#FFFFFB
- editorInfo.foreground#3d82c6
- editorLineNumber.activeForeground#333333
- editorLineNumber.foreground#b3b3b3
- editorLink.activeForeground#3d82c6
- editorOverviewRuler.addedForeground#A1DF8A
- editorOverviewRuler.border#dddddd
- editorOverviewRuler.deletedForeground#EB5368
- editorOverviewRuler.errorForeground#d21d00
- editorOverviewRuler.infoForeground#3d82c6
- editorOverviewRuler.modifiedForeground#3d82c6
- editorOverviewRuler.warningForeground#deb800
- editorPane.background#f5f5f5
- editorRuler.foreground#e8e8e8
- editorStickyScroll.background#fffffb
- editorStickyScroll.border#dddddd
- editorStickyScrollHover.background#f3f3f3
- editorSuggestWidget.background#fffffb
- editorSuggestWidget.border#dddddd
- editorSuggestWidget.foreground#333333
- editorSuggestWidget.highlightForeground#3d82c6
- editorSuggestWidget.selectedBackground#d6d6d6
- editorWarning.border#FFFFFB
- editorWarning.foreground#deb800
- editorWhitespace.foreground#ececec7b
- editorWidget.background#fffffb
- editorWidget.border#dddddd
- editorWidget.foreground#333333
- extensionButton.prominentBackground#3d82c6
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#064e93
- focusBorder#dddddd
- foreground#333333
- gitDecoration.conflictingResourceForeground#f66a0a
- gitDecoration.deletedResourceForeground#d21d00
- gitDecoration.ignoredResourceForeground#B3B3B3
- gitDecoration.modifiedResourceForeground#3d82c6
- gitDecoration.untrackedResourceForeground#666666
- input.background#fffffb
- input.border#dddddd
- input.foreground#333333
- input.placeholderForeground#dddddd
- inputOption.activeBorder#d6d6d6
- inputOption.activeForeground#333333
- inputValidation.errorBackground#fffffb
- inputValidation.errorBorder#ff3333
- inputValidation.infoBackground#fffffb
- inputValidation.infoBorder#4b82cf
- inputValidation.warningBackground#fffffb
- inputValidation.warningBorder#F0C36F
- list.activeSelectionBackground#d6d6d6
- list.activeSelectionForeground#333333
- list.focusBackground#e0e0e0
- list.focusForeground#333333
- list.highlightForeground#3d82c6
- list.hoverBackground#fffffb
- list.hoverForeground#333333
- list.inactiveSelectionBackground#e0e0e0
- list.inactiveSelectionForeground#666666
- listFilterWidget.background#fffffb
- listFilterWidget.noMatchesOutline#d21d00
- listFilterWidget.outline#3d82c6
- merge.border#dddddd
- merge.currentHeaderBackground#f66a0a
- minimap.background#fffffb
- minimap.findMatchHighlight#fff78a7e
- notification.background#fffffb
- notification.buttonBackground#3d82c6
- notification.buttonForeground#ffffff
- notification.buttonHoverBackground#064e93
- notification.errorBackground#f9f2f4
- notification.errorForeground#c7264e
- notification.foreground#333333
- panel.background#f5f5f5
- panel.border#dddddd
- panelTitle.activeBorder#dddddd
- panelTitle.activeForeground#333333
- panelTitle.inactiveForeground#666666
- progressBar.background#3d82c6
- scrollbarSlider.activeBackground#e8e8e8
- scrollbarSlider.background#cfcfcf52
- scrollbarSlider.hoverBackground#cfcfcf9e
- secondarySideBar.background#f5f5f5
- selection.background#3d82c680
- sideBar.background#f5f5f5
- sideBar.border#dddddd
- sideBar.foreground#333333
- sideBarSectionHeader.background#fffffb
- sideBarSectionHeader.border#dddddd
- sideBarSectionHeader.foreground#333333
- sideBarTitle.foreground#333333
- statusBar.background#fffffb
- statusBar.border#dddddd
- statusBar.debuggingBackground#fffffb
- statusBar.debuggingForeground#4b4b4b
- statusBar.foreground#4b4b4b
- statusBar.noFolderBackground#fffffb
- statusBarItem.activeBackground#e8e8e8
- statusBarItem.errorBackground#d21d00
- statusBarItem.errorForeground#ffffff
- statusBarItem.hoverBackground#e8e8e8
- statusBarItem.hoverForeground#4b4b4b
- statusBarItem.prominentBackground#F5F5F5
- statusBarItem.prominentHoverBackground#e8e8e8
- statusBarItem.remoteBackground#4B82CF
- statusBarItem.remoteForeground#ffffff
- statusBarItem.remoteHoverBackground#064e93
- statusBarItem.remoteHoverForeground#fffffb
- statusBarItem.warningBackground#deb800
- statusBarItem.warningForeground#333333
- tab.activeBackground#fffffb
- tab.activeBorder#FFFFFB
- tab.activeForeground#666666
- tab.border#a7a7a753
- tab.inactiveBackground#f3f3f3
- tab.inactiveForeground#666666
- tab.unfocusedActiveBorder#d6d6d6
- tab.unfocusedActiveForeground#666666
- tab.unfocusedInactiveForeground#666666
- terminal.ansiBlack#000000
- 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#333333
- terminalCursor.foreground#000000b2
- titleBar.activeBackground#fffffb
- titleBar.activeForeground#333333
- titleBar.inactiveBackground#fffffb
- titleBar.inactiveForeground#8a8a8a
- widget.shadow#dddddd
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source | #333333 | — |
| comment.line, comment.block, punctuation.definition.comment, comment markup.link, comment source.cmake | #969896 | — |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.parameters, punctuation.definition.array | #173591 | — |
| punctuation.section.scope, support.function.core | #333333 | — |
| keyword.operator | #333333 | — |
| 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.language.symbol, constant.numeric | #895656 | — |
| string | #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 | #333333 | — |
| 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 | — |
| entity.name.function.preprocessor.c, entity.name.function.preprocessor.cpp | #79619e | — |
| 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 | #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 | #333333 | — |
| 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 | #333333 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #91B3E0 | italic |
| constant.character.entity, punctuation.definition.entity | #AB6526 | — |
| 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 |