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#ffffff
- activityBar.foreground#7a7a7a
- activityBarBadge.background#9a9a9a
- activityBarBadge.foreground#ffffff
- breadcrumb.focusForeground#7a7a7a
- breadcrumb.foreground#D8DAE4
- button.background#c4c4c4
- button.foreground#333333
- commandCenter.background#ffffff
- commandCenter.foreground#7a7a7a
- editor.background#ffffff
- editor.findMatchBackground#6e6a8626
- editor.findMatchHighlightBackground#6e6a8626
- editor.findRangeHighlightBackground#6e6a8626
- editor.findRangeHighlightBorder#0000
- editor.focusedStackFrameHighlightBackground#6e6a8614
- editor.foldBackground#F1F1F4
- editor.foreground#4E5377
- editor.hoverHighlightBackground#0000
- editor.inactiveSelectionBackground#6e6a860d
- editor.inlineValuesBackground#0000
- editor.inlineValuesForeground#5F6488
- editor.lineHighlightBackground#ffffff
- editor.linkedEditingBackground#F1F1F4
- editor.rangeHighlightBackground#6e6a860d
- editor.rangeHighlightBorder#0000
- editor.selectionBackground#6e6a8614
- editor.selectionForeground#4E5377
- editor.selectionHighlightBackground#6e6a8614
- editor.selectionHighlightBorder#0000
- editor.snippetFinalTabstopHighlightBackground#6e6a8614
- editor.snippetFinalTabstopHighlightBorder#F1F1F4
- editor.snippetTabstopHighlightBackground#6e6a8614
- editor.snippetTabstopHighlightBorder#F1F1F4
- editor.stackFrameHighlightBackground#6e6a8614
- editor.symbolHighlightBackground#6e6a8614
- editor.symbolHighlightBorder#0000
- editor.wordHighlightBackground#6e6a8614
- editor.wordHighlightBorder#0000
- editor.wordHighlightStrongBackground#6e6a8614
- editor.wordHighlightStrongBorder#6e6a8614
- editorBracketHighlight.foreground1#D26A5D80
- editorBracketHighlight.foreground2#3788BE80
- editorBracketHighlight.foreground3#886CDB80
- editorBracketHighlight.foreground4#7397DE80
- editorBracketHighlight.foreground5#F19A8E80
- editorBracketHighlight.foreground6#77AAB380
- editorBracketMatch.background#0000
- editorBracketPairGuide.activeBackground1#3788BE
- editorBracketPairGuide.activeBackground2#F19A8E
- editorBracketPairGuide.activeBackground3#77AAB3
- editorBracketPairGuide.activeBackground4#7397DE
- editorBracketPairGuide.activeBackground5#886CDB
- editorBracketPairGuide.activeBackground6#D26A5D
- editorBracketPairGuide.background1#3788BE80
- editorBracketPairGuide.background2#F19A8E80
- editorBracketPairGuide.background3#77AAB380
- editorBracketPairGuide.background4#7397DE80
- editorBracketPairGuide.background5#886CDB80
- editorBracketPairGuide.background6#D26A5D80
- editorCodeLens.foreground#F19A8E
- editorCursor.background#4E5377
- editorCursor.foreground#8388AD
- editorError.border#0000
- editorError.foreground#D26A5D
- editorGhostText.foreground#5F6488
- editorGroup.border#0000
- editorGroup.dropBackground#F1F1F4
- editorGroup.emptyBackground#0000
- editorGroup.focusedEmptyBorder#0000
- editorGroupHeader.noTabsBackground#0000
- editorGroupHeader.tabsBackground#ffffff
- editorGroupHeader.tabsBorder#0000
- editorGutter.addedBackground#7397DE
- editorGutter.background#0000
- editorGutter.commentRangeForeground#5F6488
- editorGutter.deletedBackground#D26A5D
- editorGutter.foldingControlForeground#77AAB3
- editorGutter.modifiedBackground#F19A8E
- editorHint.border#0000
- editorHint.foreground#5F6488
- editorHoverWidget.border#8388AD80
- editorHoverWidget.foreground#5F6488
- editorHoverWidget.highlightForeground#4E5377
- editorHoverWidget.statusBarBackground#0000
- editorIndentGuide.activeBackground#6e6a8626
- editorIndentGuide.background#F1F1F4
- editorInfo.foreground#7397DE
- editorInlayHint.foreground#5F6488
- editorInlayHint.parameterBackground#D8DAE4
- editorInlayHint.parameterForeground#77AAB3
- editorInlayHint.typeBackground#D8DAE4
- editorInlayHint.typeForeground#7397DE
- editorLightBulb.foreground#3788BE
- editorLightBulbAutoFix.foreground#F19A8E
- editorLineNumber.activeForeground#5F6488
- editorLineNumber.foreground#D8DAE4
- editorLink.activeForeground#F19A8E
- editorOverviewRuler.addedForeground#7397DE80
- editorOverviewRuler.border#6e6a8626
- editorOverviewRuler.bracketMatchForeground#5F6488
- editorOverviewRuler.commonContentForeground#6e6a860d
- editorOverviewRuler.currentContentForeground#6e6a8614
- editorOverviewRuler.deletedForeground#D26A5D80
- editorOverviewRuler.errorForeground#D26A5D80
- editorOverviewRuler.findMatchForeground#6e6a8626
- editorOverviewRuler.incomingContentForeground#77AAB380
- editorOverviewRuler.infoForeground#7397DE80
- editorOverviewRuler.modifiedForeground#F19A8E80
- editorOverviewRuler.rangeHighlightForeground#6e6a8626
- editorOverviewRuler.selectionHighlightForeground#6e6a8626
- editorOverviewRuler.warningForeground#D26A5D80
- editorOverviewRuler.wordHighlightForeground#6e6a8614
- editorOverviewRuler.wordHighlightStrongForeground#6e6a8626
- editorPane.background#0000
- editorRuler.foreground#6e6a8626
- editorSuggestWidget.background#ffffff
- editorSuggestWidget.border#D8DAE4
- editorSuggestWidget.foreground#737587
- editorSuggestWidget.selectedBackground#f0f0f0
- editorWarning.border#0000
- editorWarning.foreground#D26A5D80
- editorWhitespace.foreground#f4f3f5
- editorWidget.border#D8DAE4
- editorWidget.foreground#5F6488
- editorWidget.resizeBorder#8388AD
- errorForeground#D26A5D
- focusBorder#00000000
- gitDecoration.addedResourceForeground#7397DE80
- gitDecoration.conflictingResourceForeground#D26A5D80
- gitDecoration.deletedResourceForeground#5F6488
- gitDecoration.ignoredResourceForeground#8388AD
- gitDecoration.modifiedResourceForeground#F19A8E
- gitDecoration.renamedResourceForeground#3788BE80
- gitDecoration.stageDeletedResourceForeground#D26A5D80
- gitDecoration.stageModifiedResourceForeground#77AAB380
- gitDecoration.submoduleResourceForeground#886CDB80
- gitDecoration.untrackedResourceForeground#886CDB80
- input.background#6e6a8614
- list.activeSelectionBackground#f0f0f0
- list.activeSelectionForeground#4E5377
- list.highlightForeground#303975
- list.hoverForeground#4E5377
- list.inactiveSelectionBackground#f0f0f0
- list.inactiveSelectionForeground#5F6488
- panelTitle.activeBorder#ffffff
- peekView.border#D8DAE4
- peekViewEditor.background#ffffff
- peekViewEditor.matchHighlightBackground#6e6a860d
- sash.hoverBorder#D8DAE4
- selection.background#6e6a8614
- sideBar.background#ffffff
- sideBarSectionHeader.background#ffffff
- sideBarSectionHeader.foreground#4E5377
- statusBar.background#ffffff
- statusBar.debuggingBackground#ffffff
- statusBar.debuggingBorder#A392DC
- statusBar.debuggingForeground#7a7a7a
- statusBar.foreground#7a7a7a
- statusBar.noFolderBackground#ffffff
- statusBarItem.prominentBackground#ffffff
- statusBarItem.remoteBackground#ffffff
- statusBarItem.remoteForeground#7a7a7a
- symbolIcon.arrayForeground#303975
- symbolIcon.booleanForeground#303975
- symbolIcon.classForeground#303975
- symbolIcon.colorForeground#303975
- symbolIcon.constantForeground#303975
- symbolIcon.constructorForeground#303975
- symbolIcon.enumeratorForeground#303975
- symbolIcon.enumeratorMemberForeground#303975
- symbolIcon.eventForeground#303975
- symbolIcon.fieldForeground#303975
- symbolIcon.fileForeground#303975
- symbolIcon.folderForeground#303975
- symbolIcon.functionForeground#303975
- symbolIcon.interfaceForeground#303975
- symbolIcon.keyForeground#303975
- symbolIcon.keywordForeground#303975
- symbolIcon.methodForeground#303975
- symbolIcon.moduleForeground#303975
- symbolIcon.namespaceForeground#303975
- symbolIcon.nullForeground#303975
- symbolIcon.numberForeground#303975
- symbolIcon.objectForeground#303975
- symbolIcon.operatorForeground#303975
- symbolIcon.packageForeground#303975
- symbolIcon.propertyForeground#303975
- symbolIcon.referenceForeground#303975
- symbolIcon.snippetForeground#303975
- symbolIcon.stringForeground#303975
- symbolIcon.structForeground#303975
- symbolIcon.textForeground#303975
- symbolIcon.typeParameterForeground#303975
- symbolIcon.unitForeground#303975
- symbolIcon.variableForeground#303975
- tab.activeBorder#77AAB3
- tab.activeForeground#4E5377
- tab.hoverForeground#4E5377
- tab.inactiveBackground#ffffff
- textLink.activeForeground#77AAB3
- textLink.foreground#77AAB3
- titleBar.activeBackground#ffffff
- titleBar.activeForeground#7a7a7a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #8388AD | italic |
| constant | #3788BE | — |
| constant.numeric, constant.language, constant.charcter.escape | #F19A8E | — |
| entity.name | #F19A8E | — |
| entity.name.section, entity.name.tag, entity.name.namespace, entity.name.type | #7397DE | — |
| entity.other.attribute-name, entity.other.inherited-class | #77AAB3 | — |
| invalid | #D26A5D | — |
| invalid.deprecated | #5F6488 | — |
| keyword | #3788BE | — |
| meta.tag, meta.brace | #4E5377 | — |
| meta.import, meta.export | #3788BE | — |
| meta.directive.vue | #77AAB3 | — |
| meta.property-name.css | #7397DE | — |
| meta.property-value.css | #886CDB | — |
| meta.tag.other.html | #5F6488 | — |
| punctuation | #5F6488 | — |
| punctuation.accessor | #3788BE | — |
| punctuation.definition.string | #886CDB | — |
| punctuation.definition.tag | #8388AD | — |
| storage.type, storage.modifier | #3788BE | — |
| string | #886CDB | — |
| support | #7397DE | — |
| support.constant | #886CDB | — |
| support.function | #D26A5D | — |
| variable | #F19A8E | — |
| variable.other, variable.language, variable.function, variable.argument | #4E5377 | — |
| variable.parameter | #77AAB3 | — |