Eclat
Publisher: UTTRThemes in package: 1
Immersed in peace and a muted code space
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.activeBackground#00000000
- activityBar.background#151515FF
- activityBar.border#272726FF
- activityBar.foreground#C0BEAFFF
- activityBar.inactiveForeground#8F8F8A76
- activityBarBadge.background#CE94A7FF
- activityBarBadge.foreground#272726EE
- badge.background#5A5A59CC
- badge.foreground#C0BEAFFF
- breadcrumb.activeSelectionForeground#CE94A7FF
- breadcrumb.background#191919FF
- breadcrumb.focusForeground#DBDAD1FF
- breadcrumb.foreground#C0BEAFFF
- breadcrumbPicker.background#272726FF
- button.background#C0628260
- button.border#C0628299
- button.foreground#C0BEAFFF
- button.hoverBackground#C06282AA
- button.secondaryBackground#5A5A5976
- button.secondaryForeground#C0BEAFFF
- button.secondaryHoverBackground#5A5A59CC
- debugToolBar.background#272726FF
- debugToolBar.border#5A5A5976
- diffEditor.border#272726FF
- diffEditor.insertedTextBackground#6F724F33
- diffEditor.removedTextBackground#A9606133
- editor.background#191919FF
- editor.findMatchBackground#8E667376
- editor.findMatchBorder#8E6673FF
- editor.findMatchHighlightBackground#6D724F76
- editor.findMatchHighlightBorder#8B6F56FF
- editor.findRangeHighlightBackground#3B322B76
- editor.hoverHighlightBackground#32303676
- editor.lineHighlightBackground#272726CC
- editor.rangeHighlightBackground#3B322B76
- editor.rangeHighlightBorder#8B6F56FF
- editor.selectionBackground#3F3136CC
- editor.selectionHighlightBackground#32303676
- editor.selectionHighlightBorder#AA9DCA76
- editorBracketHighlight.foreground1#8F8F8A
- editorBracketHighlight.foreground2#8F8F8A
- editorBracketHighlight.foreground3#8F8F8A
- editorBracketHighlight.foreground4#8F8F8A
- editorBracketHighlight.foreground5#8F8F8A
- editorBracketHighlight.foreground6#8F8F8A
- editorBracketMatch.background#272726FF
- editorBracketMatch.border#5A5A59FF
- editorCodeLens.foreground#8F8F8ACC
- editorCursor.background#3F3136EE
- editorCursor.foreground#CE94A7FF
- editorError.foreground#DA7C7EFF
- editorGroup.border#272726FF
- editorGroup.dropBackground#27272676
- editorGroupHeader.border#272726EE
- editorGroupHeader.tabsBackground#151515FF
- editorGroupHeader.tabsBorder#272726FF
- editorGutter.addedBackground#6D724FFF
- editorGutter.background#191919FF
- editorGutter.deletedBackground#A96061FF
- editorGutter.foldingControlForeground#8F8F8AFF
- editorGutter.modifiedBackground#8B6F56FF
- editorIndentGuide.activeBackground1#5A5A59EE
- editorIndentGuide.background1#272726FF
- editorInfo.foreground#AA9DCAFF
- editorLineNumber.activeForeground#CE94A7EE
- editorLineNumber.foreground#5A5A59EE
- editorLink.activeForeground#8270B2FF
- editorMarkerNavigation.background#272726FF
- editorMarkerNavigationError.background#A96061CC
- editorMarkerNavigationInfo.background#655D79CC
- editorMarkerNavigationWarning.background#8B6F56CC
- editorWarning.foreground#D1A075FF
- editorWhitespace.foreground#5A5A5976
- editorWidget.background#272726FF
- editorWidget.foreground#C0BEAFFF
- focusBorder#8E6673EE
- foreground#C0BEAFFF
- gitDecoration.addedResourceForeground#A0A973FF
- gitDecoration.conflictingResourceForeground#D1A075FF
- gitDecoration.deletedResourceForeground#DA7C7EFF
- gitDecoration.ignoredResourceForeground#5A5A59DD
- gitDecoration.modifiedResourceForeground#D1A075FF
- gitDecoration.renamedResourceForeground#CE94A7FF
- gitDecoration.stageDeletedResourceForeground#DA7C7EFF
- gitDecoration.stageModifiedResourceForeground#D1A075FF
- gitDecoration.submoduleResourceForeground#AA9DCAFF
- gitDecoration.untrackedResourceForeground#76A78FFF
- input.background#5A5A5976
- input.border#272726FF
- input.foreground#C0BEAFFF
- input.placeholderForeground#8F8F8AFF
- inputOption.activeBackground#8E667376
- inputOption.activeBorder#8E667399
- inputOption.activeForeground#C0BEAFFF
- list.activeSelectionBackground#5A5A5976
- list.activeSelectionForeground#DBDAD1FF
- list.dropBackground#272726CC
- list.focusBackground#8E667333
- list.focusForeground#C0BEAFFF
- list.highlightForeground#C06282FF
- list.hoverBackground#5A5A5976
- list.hoverForeground#C0BEAFFF
- list.inactiveSelectionBackground#272726FF
- list.inactiveSelectionForeground#C0BEAFFF
- listFilterWidget.background#655D7976
- listFilterWidget.noMatchesOutline#DA7C7ECC
- listFilterWidget.outline#AA9DCA76
- menu.background#272726FF
- menu.border#272726FF
- menu.foreground#C0BEAFFF
- menu.selectionBackground#5A5A5976
- menu.selectionForeground#DBDAD1FF
- menu.separatorBackground#5A5A59CC
- menubar.selectionBackground#5A5A5976
- menubar.selectionForeground#C0BEAFFF
- merge.commonContentBackground#272726EE
- merge.commonHeaderBackground#5A5A59CC
- merge.currentContentBackground#323428EE
- merge.currentHeaderBackground#6D724FCC
- merge.incomingContentBackground#323036EE
- merge.incomingHeaderBackground#655D79CC
- minimap.errorHighlight#A96061FF
- minimap.infoHighlight#655D79FF
- minimap.selectionHighlight#3F3136EE
- minimap.warningHighlight#8B6F56FF
- notificationCenter.border#5A5A5976
- notificationCenterHeader.background#5A5A5976
- notificationCenterHeader.foreground#DBDAD1FF
- notifications.background#272726FF
- notifications.border#5A5A5976
- notifications.foreground#C0BEAFFF
- notificationsErrorIcon.foreground#DA7C7EFF
- notificationsInfoIcon.foreground#AA9DCAFF
- notificationsWarningIcon.foreground#D1A075FF
- panel.background#191919FF
- panel.border#272726FF
- panelTitle.activeBorder#C0BEAFFF
- panelTitle.activeForeground#C0BEAFFF
- panelTitle.inactiveForeground#8F8F8A76
- peekViewEditor.background#1C1C1CFF
- peekViewEditor.matchHighlightBackground#32303676
- peekViewEditor.matchHighlightBorder#AA9DCA76
- peekViewResult.lineForeground#C0BEAFFF
- peekViewResult.matchHighlightBackground#CE94A776
- peekViewResult.selectionBackground#C0628260
- peekViewTitleDescription.foreground#C0BEAFFF
- pickerGroup.border#00000000
- pickerGroup.foreground#CE94A7FF
- progressBar.background#CE94A7FF
- scrollbar.shadow#272726CC
- scrollbarSlider.activeBackground#272726FF
- scrollbarSlider.background#62635F22
- scrollbarSlider.hoverBackground#5A5A5976
- selection.background#8E6673CC
- sideBar.background#151515FF
- sideBar.border#272726FF
- sideBar.foreground#C0BEAFFF
- sideBarSectionHeader.background#272726CC
- sideBarSectionHeader.border#5A5A5944
- sideBarSectionHeader.foreground#8F8F8AFF
- sideBarTitle.foreground#8F8F8AFF
- statusBar.background#151515FF
- statusBar.border#272726FF
- statusBar.debuggingBackground#526f6176
- statusBar.debuggingBorder#282E2BFF
- statusBar.debuggingForeground#DBDAD1FF
- statusBar.foreground#8F8F8AFF
- statusBar.noFolderBackground#151515FF
- statusBar.noFolderForeground#8F8F8AFF
- statusBarItem.hoverBackground#5A5A5976
- statusBarItem.hoverForeground#C0BEAFFF
- statusBarItem.remoteBackground#272726FF
- tab.activeBackground#191919FF
- tab.activeBorderTop#00000000
- tab.activeForeground#C0BEAFFF
- tab.border#272726FF
- tab.inactiveBackground#151515FF
- tab.inactiveForeground#8F8F8ACC
- tab.inactiveModifiedBorder#272726FF
- terminal.ansiBlack#191919FF
- terminal.ansiBlue#AA9DCAFF
- terminal.ansiBrightBlack#272726FF
- terminal.ansiBrightBlue#8270B2FF
- terminal.ansiBrightCyan#3B8C71FF
- terminal.ansiBrightGreen#808D3FFF
- terminal.ansiBrightMagenta#C06282FF
- terminal.ansiBrightRed#D96365FF
- terminal.ansiBrightWhite#DBDAD1FF
- terminal.ansiBrightYellow#C98345FF
- terminal.ansiCyan#76A78FFF
- terminal.ansiGreen#A0A973FF
- terminal.ansiMagenta#CE94A7FF
- terminal.ansiRed#DA7C7EFF
- terminal.ansiWhite#C0BEAFFF
- terminal.ansiYellow#D1A075FF
- terminal.border#272726FF
- terminal.foreground#C0BEAFFF
- terminal.selectionBackground#655D7960
- terminalCursor.background#323036EE
- terminalCursor.foreground#AA9DCAFF
- titleBar.activeBackground#151515FF
- titleBar.activeForeground#8F8F8AFF
- titleBar.border#5A5A5944
- titleBar.inactiveBackground#191919FF
- titleBar.inactiveForeground#8F8F8A76
- tree.indentGuidesStroke#8F8F8AFF
- widget.shadow#0000003C
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| text, source | #C0BEAF | — |
| comment, punctuation.definition.comment | #5A5A59 | italic |
| comment.block.documentation, comment.block.documentation punctuation.definition.comment.begin.documentation, comment.block.documentation punctuation.definition.comment.end.documentation, comment.block.documentation punctuation.definition.comment | #8F8F8A | — |
| keyword, storage.modifier | #DA7C7E | — |
| entity.name.function, meta.function-call, support.function | #AA9DCA | italic |
| entity.name.type, support.type, storage.type | #D1A075 | — |
| string, punctuation.definition.string | #A0A973 | — |
| constant.numeric | #D1A075 | — |
| constant.language.boolean | #CE94A7 | bold |
| variable.other.constant, constant.other, constant.language, constant.character, entity.name.function.preprocessor | #3B9174 | — |
| variable, variable.parameter, variable.other.object, entity.name.namespace | #C0BEAF | — |
| variable.other.property, variable.other.enummember, meta.object.member, support.type.property-name | #AA9DCA | — |
| keyword.operator, entity.name.function.operator, punctuation.accessor, punctuation.semi | #8F8F8A | — |
| punctuation.section, punctuation.terminator, punctuation.separator, punctuation.brackets, punctuation.comma | #8F8F8A | — |
| entity.other.attribute-name | #CE94A7 | italic |
| entity.name.tag | #D1A075 | — |
| string.regexp, storage.type.class.doxygen | #AA9DCA | — |
| meta.attribute.rust, punctuation.definition.attribute.rust | #CE94A7 | italic |
| storage.type.rust | #DA7C7E | — |
| comment.line.documentation.rust, comment.line.documentation.rust punctuation.definition.comment.rust | #8F8F8A | — |
| punctuation.definition.lifetime.rust | #8F8F8A | — |
| entity.name.type.lifetime.rust, entity.name.module.rust | #C0BEAF | — |
| meta.preprocessor.macro.c | #CE94A7 | italic |
| meta.block.c | #C0BEAF | — |
| storage.type.namespace.definition.cpp, storage.type.namespace.alias.cpp, keyword.other.namespace.alias.cpp | #DA7C7E | — |
| meta.preprocessor.macro.cpp, meta.preprocessor.macro.cpp variable.other.macro.argument.cpp | #CE94A7 | italic |
| string.quoted.docstring.multi.python, string.quoted.docstring.multi.python punctuation.definition.string.begin.python, string.quoted.docstring.multi.python punctuation.definition.string.end.python | #8F8F8A | — |
| punctuation.definition.decorator.python, meta.function.decorator.python support.type.python, meta.function.decorator.python entity.name.function.decorator.python | #CE94A7 | italic |
| punctuation.definition.block.tag.jsdoc, storage.type.class.jsdoc | #AA9DCA | — |
| punctuation.decorator.ts, meta.decorator.ts, meta.decorator.ts variable.other.readwrite.ts | #CE94A7 | italic |