clesy-theme-dark
Publisher: Evgeniy GerasimenkoThemes in package: 1
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#142531
- activityBar.border#142531
- activityBar.foreground#e1effa
- activityBarBadge.background#44596b
- activityBarBadge.foreground#ffffff
- badge.background#5f7e97
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#ffffff
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#7d82b6
- breadcrumbPicker.background#001122
- button.background#374d8b
- button.foreground#ffffff
- button.hoverBackground#7e57c2
- contrastBorder#122d42
- debugExceptionWidget.background#142531
- debugExceptionWidget.border#5f7e97
- debugToolBar.background#142531
- diffEditor.insertedTextBackground#99b76d23
- diffEditor.insertedTextBorder#addb6733
- diffEditor.removedTextBackground#ef535033
- diffEditor.removedTextBorder#ef53504d
- dropdown.background#142531
- dropdown.border#5f7e97
- dropdown.foreground#ffffffcc
- editor.background#142531
- editor.findMatchBackground#183e5e79
- editor.findMatchHighlightBackground#14465e5d
- editor.foreground#d6deeb
- editor.hoverHighlightBackground#533f755a
- editor.inactiveSelectionBackground#6254ade3
- editor.lineHighlightBackground#00000033
- editor.rangeHighlightBackground#7e57c25a
- editor.selectionBackground#354780ad
- editor.selectionHighlightBackground#3a7bb1b9
- editor.wordHighlightBackground#7c346833
- editor.wordHighlightStrongBackground#6a357933
- editorBracketMatch.background#5f7e974d
- editorCodeLens.foreground#5e82ceb4
- editorCursor.foreground#406d92
- editorError.foreground#ef5350
- editorGroup.border#142531
- editorGroup.dropBackground#7e57c273
- editorGroup.emptyBackground#142531
- editorGroupHeader.noTabsBackground#142531
- editorGroupHeader.tabsBackground#142531
- editorGroupHeader.tabsBorder#262a39
- editorGutter.addedBackground#9ccc65
- editorGutter.background#142531
- editorGutter.deletedBackground#ef5350
- editorGutter.modifiedBackground#e2b93d
- editorHoverWidget.background#142531
- editorHoverWidget.border#5f7e97
- editorIndentGuide.activeBackground#7e97ac
- editorIndentGuide.background#5e81ce52
- editorLineNumber.activeForeground#c5e4fd
- editorLineNumber.foreground#294f6d
- editorMarkerNavigation.background#31364a
- editorMarkerNavigationError.background#ef5350
- editorMarkerNavigationWarning.background#ffca28
- editorOverviewRuler.commonContentForeground#7e57c2
- editorOverviewRuler.currentContentForeground#7e57c2
- editorOverviewRuler.incomingContentForeground#7e57c2
- editorRuler.foreground#5e81ce52
- editorSuggestWidget.background#2c3043
- editorSuggestWidget.border#2b2f40
- editorSuggestWidget.foreground#d6deeb
- editorSuggestWidget.highlightForeground#ffffff
- editorSuggestWidget.selectedBackground#5f7e97
- editorWarning.foreground#b39554
- editorWidget.background#31364a
- editorWidget.border#262a39
- errorForeground#ef5350
- extensionButton.prominentBackground#1b4f80cc
- extensionButton.prominentForeground#ffffffcc
- extensionButton.prominentHoverBackground#2371b9cc
- focusBorder#122d42
- foreground#99a2b3
- gitDecoration.conflictingResourceForeground#b8b08ccc
- gitDecoration.deletedResourceForeground#ef535090
- gitDecoration.ignoredResourceForeground#395a75
- gitDecoration.modifiedResourceForeground#a2bffc
- gitDecoration.untrackedResourceForeground#addb67
- input.background#0b253a
- input.border#5f7e97
- input.foreground#ffffffcc
- input.placeholderForeground#5f7e97
- inputOption.activeBorder#ffffffcc
- inputValidation.errorBackground#ab0300f2
- inputValidation.errorBorder#ef5350
- inputValidation.infoBackground#00589ef2
- inputValidation.infoBorder#64b5f6
- inputValidation.warningBackground#675700f2
- inputValidation.warningBorder#ffca28
- list.activeSelectionBackground#234d708c
- list.activeSelectionForeground#ffffff
- list.dropBackground#2e4e64
- list.focusBackground#455c72
- list.focusForeground#ffffff
- list.highlightForeground#ffffff
- list.hoverBackground#0d4974
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#0e293f
- list.inactiveSelectionForeground#5f7e97
- list.invalidItemForeground#975f94
- merge.currentHeaderBackground#5f7e97
- merge.incomingHeaderBackground#7e57c25a
- minimap.findMatchHighlight#aae2d1
- minimap.selectionHighlight#679e20
- minimapSlider.activeBackground#446ba55e
- minimapSlider.background#8897b944
- minimapSlider.hoverBackground#767aa138
- notificationCenter.border#262a39
- notificationLink.foreground#80cbc4
- notifications.background#021f35
- notifications.border#262a39
- notifications.foreground#ffffffcc
- notificationToast.border#262a39
- panel.background#142531
- panel.border#1e2a33
- panelTitle.activeBorder#5f7e97
- panelTitle.activeForeground#ffffffcc
- panelTitle.inactiveForeground#d6deeb80
- peekView.border#5f7e97
- peekViewEditor.background#142531
- peekViewEditor.matchHighlightBackground#7e57c25a
- peekViewResult.background#142531
- peekViewResult.fileForeground#5f7e97
- peekViewResult.lineForeground#5f7e97
- peekViewResult.matchHighlightBackground#ffffffcc
- peekViewResult.selectionBackground#2e3250
- peekViewResult.selectionForeground#5f7e97
- peekViewTitle.background#142531
- peekViewTitleDescription.foreground#697098
- peekViewTitleLabel.foreground#5f7e97
- pickerGroup.border#142531
- pickerGroup.foreground#d1aaff
- scrollbar.shadow#010b14
- scrollbarSlider.activeBackground#084d8180
- scrollbarSlider.background#084d8180
- scrollbarSlider.hoverBackground#084d8180
- selection.background#4373c2
- sideBar.background#142531
- sideBar.border#142531
- sideBar.foreground#5e768b
- sideBarSectionHeader.background#142836e0
- sideBarSectionHeader.foreground#60778b
- sideBarTitle.foreground#546d81
- statusBar.background#142531
- statusBar.border#262a39
- statusBar.debuggingBackground#202431
- statusBar.debuggingBorder#1f2330
- statusBar.foreground#7990a3
- statusBar.noFolderBackground#142531
- statusBar.noFolderBorder#25293a
- statusBarItem.activeBackground#202431
- statusBarItem.hoverBackground#232f57
- statusBarItem.prominentBackground#202431
- statusBarItem.prominentHoverBackground#202431
- symbolIcon.unitForeground#000000
- tab.activeBackground#193d5a
- tab.activeBorder#262a39
- tab.activeForeground#d2dee7
- tab.border#272b3b
- tab.inactiveBackground#152836
- tab.inactiveForeground#728fa7
- tab.unfocusedActiveBorder#33384d
- tab.unfocusedActiveForeground#5f7e97
- tab.unfocusedInactiveForeground#5f7e97
- terminal.ansiBlack#142531
- terminal.ansiBlue#82aaff
- terminal.ansiBrightBlack#575656
- terminal.ansiBrightBlue#82aaff
- terminal.ansiBrightCyan#7fdbca
- terminal.ansiBrightGreen#5ac585
- terminal.ansiBrightMagenta#c792ea
- terminal.ansiBrightRed#500d0c
- terminal.ansiBrightWhite#8a7373
- terminal.ansiBrightYellow#ffeb95
- terminal.ansiCyan#03f841
- terminal.ansiGreen#3bb19d
- terminal.ansiMagenta#7795d6
- terminal.ansiRed#d43532
- terminal.ansiWhite#7e2929
- terminal.ansiYellow#5c99ca
- terminal.selectionBackground#5086aa4d
- terminalCursor.background#1d7fcf
- titleBar.activeBackground#142531
- titleBar.activeForeground#eeefff
- titleBar.inactiveBackground#010e1a
- walkThrough.embeddedEditorBackground#142531
- welcomePage.buttonBackground#142531
- welcomePage.buttonHoverBackground#142531
- widget.shadow#26485e
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #AAAAAA | italic |
| comment.block.preprocessor | #AAAAAA | |
| comment.documentation, comment.block.documentation | #448C27 | — |
| invalid.illegal | #660000 | — |
| keyword.operator | #ffffff | — |
| keyword, storage, keyword.control.from.js, keyword.control.import.js, keyword.control.export.js, keyword.control.conditional.js, constant.numeric.decimal.js | #ff069f | — |
| string.quoted.double.js, meta.tag.attributes.js, meta.tag.js, meta.embedded.expression.js, punctuation.definition.string.template.begin.js, punctuation.definition.string.template.end.js, string.template.js | #4FC3F7 | — |
| storage.type, support.type | #00E5FF | italic |
| variable, support.variable | #EEFF41 | italic |
| entity.name.function, support.function | #AEEA00 | — |
| entity.name.type, entity.other.inherited-class, support.class | #41c300 | bold underline |
| constant.language.boolean.false.js, constant.language.boolean.true.js | #26A69A | — |
| entity.name.exception | #660000 | — |
| entity.name.section | — | bold |
| string, punctuation | #ffffff | — |
| constant.character.escape | #777777 | — |
| string.regexp, punctuation.definition.character-class.regexp, constant.other.character-class.set.regexp, keyword.operator.quantifier.regexp, punctuation.definition.group.regexp, constant.other.character-class.range.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.escape.backslash.regexp, keyword.operator.or.regexp, keyword.operator.negation.regexp, punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js | #4B83CD | — |
| keyword.operator.logical.js | #B3E5FC | — |
| variable.parameter.js, variable.other.object.js | #F57C00 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #AAAAAA | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, meta.tag, meta.brace.round.js | #ffffff | — |
| entity.name.tag | #ff069f | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #AEEA00 | italic |
| constant.character.entity, punctuation.definition.entity | #AB6526 | — |
| keyword.other.unit.px.css, constant.numeric.css | #FF069F | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #41c300 | — |
| punctuation.definition.constant.css | #ffffff | — |
| constant.other.color.rgb-value.hex.css | #AEEA00 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #448C27 | — |
| keyword.other.important | — | bold |
| entity.name.tag.css, meta.property-list.scss, punctuation.definition.entity.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.class.css | #EEFF41 | — |
| punctuation.definition.entity.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #EEFF41 | — |
| support.type.property-name.css | #00E5FF | italic |
| support.constant.property-value.css | #AEEA00 | italic |
| punctuation.definition.keyword.scss, keyword.control.at-rule.media.scss | #FF069F | — |
| meta.property-name.media-query.scss, meta.property-list.media-query.scss, constant.other.color.rgb-value.hex.css | #AEEA00 | — |
| support.constant.media.css, support.type.property-name.media.css, meta.property-name.media-query.scss, meta.property-list.media-query.scss | #00E5FF | — |
| punctuation.definition.media-query.begin.bracket.round.scss, meta.property-list.media-query.scss, punctuation.definition.media-query.end.bracket.round.scss, punctuation.separator.delimiter.scss, punctuation.section.property-list.begin.bracket.curly.scss, punctuation.separator.key-value.scss, punctuation.section.function.scss, punctuation.terminator.rule.scss, punctuation.definition.string.begin.scss, punctuation.definition.string.end.scss, string.quoted.double.scss, punctuation.section.property-list.end.bracket.curly.scss | #ffffff | — |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #660000 | — |
| markup.inserted | #000000 | — |
| meta.link | #4B83CD | — |
| markup.output, markup.raw | #777777 | — |
| markup.prompt | #777777 | — |
| markup.heading | #AA3731 | — |
| markup.bold | — | bold |
| markup.traceback | #660000 | — |
| markup.underline | — | underline |
| markup.quote | #7A3E9D | — |
| markup.list | #4B83CD | — |
| markup.bold, markup.italic | #448C27 | — |
| markup.inline.raw | #AB6526 | |
| meta.diff.range, meta.diff.index, meta.separator | #434343 | — |
| meta.diff.header.from-file | #434343 | — |
| meta.diff.header.to-file | #434343 | — |