Codesso
Publisher: vadyapanThemes in package: 4
A very clean, minimalistic theme for VS Code
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#F8FAFD
- activityBar.border#0003
- activityBar.foreground#232731
- activityBarBadge.foreground#F8FAFD
- badge.background#F8FAFD
- contrastBorder#0003
- editor.background#F8FAFD
- editor.foreground#232731
- editor.inactiveSelectionBackground#0003
- editor.lineHighlightBackground#ffffff
- editor.lineHighlightBorder#ffffff
- editor.selectionBackground#e5e5e5
- editor.selectionHighlightBackground#ea13
- editorBracketHighlight.foreground1#000
- editorBracketHighlight.foreground2#000
- editorBracketHighlight.foreground3#000
- editorBracketHighlight.foreground4#000
- editorBracketHighlight.foreground5#000
- editorBracketHighlight.foreground6#000
- editorError.foreground#ff0000
- editorGroup.border#0003
- editorGroupHeader.noTabsBackground#f9f9f9
- editorGroupHeader.tabsBackground#F8FAFD
- editorGroupHeader.tabsBorder#0003
- editorGutter.addedBackground#007c23
- editorGutter.background#F8FAFD
- editorGutter.deletedBackground#800
- editorGutter.modifiedBackground#005faf
- editorIndentGuide.activeBackground#0006
- editorIndentGuide.background#0002
- editorInfo.foreground#05a
- editorLightBulb.foreground#cd9731
- editorLightBulbAutoFix.foreground#cd9731
- editorLineNumber.activeForeground#000
- editorLineNumber.foreground#AAAAAA
- editorSuggestWidget.background#F8FAFD
- editorWarning.foreground#cd9731
- editorWidget.background#F8FAFD
- editorWidget.border#0003
- input.placeholderForeground#F8FAFD
- list.activeSelectionBackground#F8FAFD
- list.activeSelectionForeground#232731
- list.focusBackground#F8FAFD
- list.highlightForeground#005faf
- list.hoverBackground#0001
- list.inactiveSelectionBackground#F8FAFD
- list.inactiveSelectionForeground#232731
- list.invalidItemForeground#b89500
- notificationsErrorIcon.foreground#ff0000
- notificationsInfoIcon.foreground#cd9731
- notificationsWarningIcon.foreground#05a
- notificationToast.border#0003
- panel.background#F8FAFD
- peekViewEditor.background#F8FAFD
- problemsErrorIcon.foreground#ff0000
- problemsInfoIcon.foreground#05a
- problemsWarningIcon.foreground#cd9731
- quickInputList.focusBackground#0002
- scrollbarSlider.background#0003
- sideBar.background#F8FAFD
- sideBar.border#0003
- sideBarTitle.foreground#555
- statusBar.background#F8FAFD
- statusBar.border#0003
- statusBar.debuggingBackground#ea1
- statusBar.debuggingForeground#642
- statusBar.foreground#555
- statusBar.noFolderBackground#f9f9f9
- symbolIcon.classForeground#708
- symbolIcon.constructorForeground#05a
- symbolIcon.enumeratorForeground#05a
- symbolIcon.enumeratorMemberForeground#05a
- symbolIcon.fieldForeground#05a
- symbolIcon.functionForeground#05a
- symbolIcon.interfaceForeground#708
- symbolIcon.keywordForeground#232731
- symbolIcon.methodForeground#05a
- symbolIcon.moduleForeground#708
- symbolIcon.namespaceForeground#708
- symbolIcon.referenceForeground#05a
- symbolIcon.snippetForeground#232731
- symbolIcon.unitForeground#232731
- symbolIcon.variableForeground#05a
- tab.activeBackground#F8FAFD
- tab.activeForeground#333
- tab.border#0003
- tab.inactiveBackground#F8FAFD
- terminal.ansiBlack#3b4252
- terminal.ansiBlue#81a1c1
- terminal.ansiBrightBlack#4c566a
- terminal.ansiBrightBlue#81a1c1
- terminal.ansiBrightCyan#8fbcbb
- terminal.ansiBrightGreen#a3be8c
- terminal.ansiBrightMagenta#b48ead
- terminal.ansiBrightRed#bf616a
- terminal.ansiBrightWhite#eceff4
- terminal.ansiBrightYellow#ebcb8b
- terminal.ansiCyan#88c0d0
- terminal.ansiGreen#a3be8c
- terminal.ansiMagenta#b48ead
- terminal.ansiRed#bf616a
- terminal.ansiWhite#e5e9f0
- terminal.ansiYellow#ebcb8b
- terminal.background#ffffff
- terminal.foreground#232731
- titleBar.activeBackground#F8FAFD
- titleBar.activeForeground#333
- titleBar.border#0003
- titleBar.inactiveBackground#F8FAFD
- titleBar.inactiveForeground#bbb
- widget.shadow#0003
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #999 | italic |
| comment.block.preprocessor | #999 | italic |
| comment.documentation, comment.block.documentation, string.quoted.docstring | #666 | italic |
| punctuation.definition.comment | #999 | italic |
| invalid | #e24747 | strikethrough |
| invalid.deprecated | #e24747 | strikethrough |
| invalid.illegal | #e24747 | strikethrough |
| keyword.operator, punctuation.separator.pointer-access.c, punctuation.separator.pointer-access.cpp | #333 | bold |
| keyword.operator.expression.in, keyword.operator.expression.instanceof, keyword.operator.expression.of, keyword.operator.expression.typeof, keyword.operator.logical.python, keyword.operator.new, keyword, punctuation.separator.colon.python, storage.modifier, storage.type.function, storage.type | #333 | bold |
| punctuation.accessor, punctuation.other, punctuation.section, punctuation.separator | #333 | bold |
| meta.function.decorator | — | bold |
| entity.name.section | — | bold |
| entity.name.function, entity.name.type | #666 | bold |
| source.json, source.yaml | #666 | normal |
| support.type.property-name.json, entity.name.tag.yaml | #000 | |
| string.quoted, string.template | #666 | normal |
| punctuation.definition.string, punctuation.definition.template-expression | #666 | bold |
| meta.diff.header.git | — | normal |
| meta.diff.range, meta.diff.index, meta.separator | — | bold |
| meta.diff.header.from-file | #999 | — |
| meta.diff.header.to-file | #999 | — |
| markup.deleted.diff, punctuation.definition.deleted | — | strikethrough |
| markup.inserted.diff, punctuation.definition.inserted | — | bold |