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#1f1f1f
- activityBar.foreground#7a7a7a
- activityBarBadge.background#9a9a9a
- activityBarBadge.foreground#1f1f1f
- breadcrumb.focusForeground#7a7a7a
- breadcrumb.foreground#434343
- button.background#434343
- button.foreground#DEE0EF
- commandCenter.background#1f1f1f
- commandCenter.foreground#7a7a7a
- editor.background#1f1f1f
- editor.findMatchBackground#6B6D7C4d
- editor.findMatchHighlightBackground#6B6D7C4d
- editor.findRangeHighlightBackground#6B6D7C4d
- editor.findRangeHighlightBorder#0000
- editor.focusedStackFrameHighlightBackground#6B6D7C26
- editor.foldBackground#272938
- editor.foreground#DEE0EF
- editor.hoverHighlightBackground#0000
- editor.inactiveSelectionBackground#6B6D7C14
- editor.inlineValuesBackground#0000
- editor.inlineValuesForeground#6B6D7C
- editor.lineHighlightBackground#1f1f1f
- editor.linkedEditingBackground#272938
- editor.rangeHighlightBackground#6B6D7C14
- editor.rangeHighlightBorder#0000
- editor.selectionBackground#73402a4d
- editor.selectionHighlight#000
- editor.selectionHighlightBackground#6B6D7C26
- editor.selectionHighlightBorder#0000
- editor.snippetFinalTabstopHighlightBackground#6B6D7C26
- editor.snippetFinalTabstopHighlightBorder#272938
- editor.snippetTabstopHighlightBackground#6B6D7C26
- editor.snippetTabstopHighlightBorder#272938
- editor.stackFrameHighlightBackground#6B6D7C26
- editor.symbolHighlightBackground#6B6D7C26
- editor.symbolHighlightBorder#0000
- editor.wordHighlightBackground#6B6D7C26
- editor.wordHighlightBorder#0000
- editor.wordHighlightStrongBackground#6B6D7C26
- editor.wordHighlightStrongBorder#6B6D7C26
- editorBracketHighlight.foreground1#D1918FBA
- editorBracketHighlight.foreground2#709BBDBA
- editorBracketHighlight.foreground3#A392DCBA
- editorBracketHighlight.foreground4#A0B6E8BA
- editorBracketHighlight.foreground5#D6B4B4BF
- editorBracketHighlight.foreground6#AAC9D4B8
- editorBracketMatch.background#0000
- editorBracketMatch.border#444444
- editorBracketPairGuide.activeBackground1#709BBD
- editorBracketPairGuide.activeBackground2#D6B4B4
- editorBracketPairGuide.activeBackground3#AAC9D4
- editorBracketPairGuide.activeBackground4#A0B6E8
- editorBracketPairGuide.activeBackground5#A392DC
- editorBracketPairGuide.activeBackground6#D1918F
- editorBracketPairGuide.background1#709BBD80
- editorBracketPairGuide.background2#D6B4B480
- editorBracketPairGuide.background3#AAC9D480
- editorBracketPairGuide.background4#A0B6E880
- editorBracketPairGuide.background5#A392DC80
- editorBracketPairGuide.background6#D1918F80
- editorCodeLens.foreground#D6B4B4
- editorCursor.foreground#DEE0EF
- editorError.border#0000
- editorError.foreground#D1918F
- editorGroup.border#0000
- editorGroup.dropBackground#272938
- editorGroup.emptyBackground#0000
- editorGroup.focusedEmptyBorder#0000
- editorGroupHeader.noTabsBackground#0000
- editorGroupHeader.tabsBackground#1f1f1f
- editorGutter.addedBackground#A0B6E880
- editorGutter.background#0000
- editorGutter.deletedBackground#D1918F80
- editorGutter.foldingControlForeground#AAC9D480
- editorGutter.modifiedBackground#D6B4B480
- editorHint.border#0000
- editorIndentGuide.activeBackground#444444
- editorIndentGuide.background#292929
- editorInfo.foreground#A0B6E8
- editorLightBulb.foreground#709BBD
- editorLightBulbAutoFix.foreground#D6B4B4
- editorLineNumber.foreground#434343
- editorLink.activeForeground#D6B4B4
- editorPane.background#0000
- editorSuggestWidget.background#1f1f1f
- editorSuggestWidget.border#434343
- editorSuggestWidget.foreground#bdbdbd
- editorSuggestWidget.selectedBackground#282828
- editorWarning.border#0000
- editorWarning.foreground#D6B4B4
- editorWhitespace.foreground#0000
- errorForeground#D1918F
- focusBorder#00000000
- gitDecoration.addedResourceForeground#A0B6E8
- gitDecoration.conflictingResourceForeground#D1918F
- gitDecoration.deletedResourceForeground#6B6D7C
- gitDecoration.ignoredResourceForeground#8D8F9E
- gitDecoration.modifiedResourceForeground#D6B4B4
- gitDecoration.renamedResourceForeground#709BBD
- gitDecoration.stageDeletedResourceForeground#D1918F
- gitDecoration.stageModifiedResourceForeground#AAC9D4
- gitDecoration.submoduleResourceForeground#A392DC
- gitDecoration.untrackedResourceForeground#A392DC
- list.activeSelectionBackground#2a2d2e
- list.activeSelectionForeground#DEE0EF
- list.highlightForeground#d5d5d5
- list.hoverForeground#DEE0EF
- list.inactiveSelectionBackground#2a2d2e
- list.inactiveSelectionForeground#DEE0EF
- panelTitle.activeBorder#1f1f1f
- peekView.border#7a7a7a
- peekViewEditor.background#1f1f1f
- peekViewEditor.matchHighlightBackground#D1918F80
- sash.hoverBorder#434343
- selection.background#2a735d4d
- sideBar.background#1f1f1f
- sideBarSectionHeader.background#1f1f1f
- sideBarSectionHeader.foreground#DEE0EF
- statusBar.background#1f1f1f
- statusBar.debuggingBackground#1f1f1f
- statusBar.debuggingBorder#A392DC
- statusBar.debuggingForeground#7a7a7a
- statusBar.foreground#7a7a7a
- statusBar.noFolderBackground#1f1f1f
- statusBarItem.prominentBackground#1f1f1f
- statusBarItem.remoteBackground#1f1f1f
- statusBarItem.remoteForeground#7a7a7a
- symbolIcon.arrayForeground#d5d5d5
- symbolIcon.booleanForeground#d5d5d5
- symbolIcon.classForeground#d5d5d5
- symbolIcon.colorForeground#d5d5d5
- symbolIcon.constantForeground#d5d5d5
- symbolIcon.constructorForeground#d5d5d5
- symbolIcon.enumeratorForeground#d5d5d5
- symbolIcon.enumeratorMemberForeground#d5d5d5
- symbolIcon.eventForeground#d5d5d5
- symbolIcon.fieldForeground#d5d5d5
- symbolIcon.fileForeground#d5d5d5
- symbolIcon.folderForeground#d5d5d5
- symbolIcon.functionForeground#d5d5d5
- symbolIcon.interfaceForeground#d5d5d5
- symbolIcon.keyForeground#d5d5d5
- symbolIcon.keywordForeground#d5d5d5
- symbolIcon.methodForeground#d5d5d5
- symbolIcon.moduleForeground#d5d5d5
- symbolIcon.namespaceForeground#d5d5d5
- symbolIcon.nullForeground#d5d5d5
- symbolIcon.numberForeground#d5d5d5
- symbolIcon.objectForeground#d5d5d5
- symbolIcon.operatorForeground#d5d5d5
- symbolIcon.packageForeground#d5d5d5
- symbolIcon.propertyForeground#d5d5d5
- symbolIcon.referenceForeground#d5d5d5
- symbolIcon.snippetForeground#d5d5d5
- symbolIcon.stringForeground#d5d5d5
- symbolIcon.structForeground#d5d5d5
- symbolIcon.textForeground#d5d5d5
- symbolIcon.typeParameterForeground#d5d5d5
- symbolIcon.unitForeground#d5d5d5
- symbolIcon.variableForeground#d5d5d5
- tab.activeBorder#AAC9D4
- tab.activeForeground#DEE0EF
- tab.hoverBackground#313232
- tab.hoverForeground#DEE0EF
- tab.inactiveBackground#1f1f1f
- textLink.activeForeground#AAC9D4
- textLink.foreground#AAC9D4
- titleBar.activeBackground#1f1f1f
- titleBar.activeForeground#7a7a7a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #8D8F9E | italic |
| constant | #709BBD | — |
| constant.numeric, constant.language, constant.charcter.escape | #D6B4B4 | — |
| entity.name | #D6B4B4 | — |
| entity.name.section, entity.name.tag, entity.name.namespace, entity.name.type | #A0B6E8 | — |
| entity.other.attribute-name, entity.other.inherited-class | #AAC9D4 | — |
| invalid | #D1918F | — |
| invalid.deprecated | #6B6D7C | — |
| keyword | #709BBD | — |
| meta.tag, meta.brace | #cccccc | — |
| meta.import, meta.export | #709BBD | — |
| meta.directive.vue | #AAC9D4 | — |
| meta.property-name.css | #A0B6E8 | — |
| meta.property-value.css | #A392DC | — |
| meta.tag.other.html | #6B6D7C | — |
| punctuation | #6B6D7C | — |
| punctuation.accessor | #709BBD | — |
| punctuation.definition.string | #A392DC | — |
| punctuation.definition.tag | #8D8F9E | — |
| storage.type, storage.modifier | #709BBD | — |
| string | #A392DC | — |
| support | #A0B6E8 | — |
| support.constant | #A392DC | — |
| support.function | #D1918F | — |
| variable | #D6B4B4 | — |
| variable.other, variable.language, variable.function, variable.argument | #DEE0EF | — |
| variable.parameter | #AAC9D4 | — |