datum
Publisher: w0zroThemes in package: 2
A colorscheme derived from color science — light + dark, contrast-verified, colorblind-safe.
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#0f1318
- activityBar.foreground#dbe0e8
- activityBar.inactiveForeground#8f98a3
- activityBarBadge.background#69b9f7
- activityBarBadge.foreground#0f1318
- badge.background#69b9f7
- badge.foreground#0f1318
- button.background#69b9f7
- button.foreground#0f1318
- dropdown.background#181c21
- dropdown.foreground#dbe0e8
- editor.background#0f1318
- editor.foreground#dbe0e8
- editor.lineHighlightBackground#181c21
- editor.selectionBackground#2b2f35
- editorBracketMatch.background#2b2f35
- editorBracketMatch.border#69b9f7
- editorCursor.foreground#fa94cd
- editorError.foreground#fe9864
- editorGroupHeader.tabsBackground#181c21
- editorHoverWidget.background#181c21
- editorIndentGuide.activeBackground1#2b2f35
- editorIndentGuide.background1#181c21
- editorInfo.foreground#69b9f7
- editorLineNumber.activeForeground#8f98a3
- editorLineNumber.foreground#2b2f35
- editorSuggestWidget.background#181c21
- editorSuggestWidget.selectedBackground#2b2f35
- editorWarning.foreground#f8bd5f
- editorWhitespace.foreground#2b2f35
- editorWidget.background#181c21
- editorWidget.border#2b2f35
- focusBorder#69b9f7
- foreground#dbe0e8
- gitDecoration.deletedResourceForeground#fe9864
- gitDecoration.ignoredResourceForeground#8f98a3
- gitDecoration.modifiedResourceForeground#e8df69
- gitDecoration.untrackedResourceForeground#54dcaa
- input.background#181c21
- input.border#2b2f35
- input.foreground#dbe0e8
- list.activeSelectionBackground#2b2f35
- list.activeSelectionForeground#dbe0e8
- list.highlightForeground#69b9f7
- list.hoverBackground#181c21
- list.inactiveSelectionBackground#181c21
- minimap.selectionHighlight#69b9f7
- panel.background#0f1318
- panel.border#2b2f35
- panelTitle.activeForeground#dbe0e8
- panelTitle.inactiveForeground#8f98a3
- scrollbarSlider.background#2b2f3580
- scrollbarSlider.hoverBackground#2b2f35b0
- sideBar.background#181c21
- sideBar.foreground#dbe0e8
- sideBarSectionHeader.background#181c21
- sideBarTitle.foreground#8f98a3
- statusBar.background#181c21
- statusBar.foreground#8f98a3
- statusBar.noFolderBackground#181c21
- statusBarItem.remoteBackground#69b9f7
- statusBarItem.remoteForeground#0f1318
- tab.activeBackground#0f1318
- tab.activeBorderTop#69b9f7
- tab.activeForeground#dbe0e8
- tab.border#181c21
- tab.inactiveBackground#181c21
- tab.inactiveForeground#8f98a3
- terminal.ansiBlack#2b2f35
- terminal.ansiBlue#69b9f7
- terminal.ansiBrightBlack#8f98a3
- terminal.ansiBrightBlue#b2dafb
- terminal.ansiBrightCyan#a5f5f9
- terminal.ansiBrightGreen#54dcaa
- terminal.ansiBrightMagenta#f5b9d9
- terminal.ansiBrightRed#f8bd5f
- terminal.ansiBrightWhite#eef2f7
- terminal.ansiBrightYellow#fcdcad
- terminal.ansiCyan#6ae5ec
- terminal.ansiGreen#54dcaa
- terminal.ansiMagenta#fa94cd
- terminal.ansiRed#fe9864
- terminal.ansiWhite#dbe0e8
- terminal.ansiYellow#e8df69
- terminal.background#0f1318
- terminal.foreground#dbe0e8
- terminalCursor.foreground#fa94cd
- titleBar.activeBackground#0f1318
- titleBar.activeForeground#dbe0e8
- titleBar.inactiveBackground#0f1318
- titleBar.inactiveForeground#8f98a3
- widget.shadow#00000040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8f98a3 | italic |
| string, string.quoted, constant.other.symbol | #54dcaa | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float | #f8bd5f | — |
| constant.language, constant.character, support.constant | #e8df69 | — |
| variable.other.constant, entity.name.constant | #e8df69 | — |
| keyword, keyword.control, storage, storage.type, storage.modifier | #69b9f7 | — |
| keyword.operator | #b2dafb | — |
| entity.name.function, meta.function-call, support.function | #fa94cd | — |
| entity.name.type, entity.name.class, support.type, support.class | #6ae5ec | — |
| variable, meta.definition.variable | #fcdcad | — |
| variable.parameter | #a5f5f9 | — |
| variable.other.property, meta.object-literal.key | #fcdcad | — |
| punctuation, meta.brace, punctuation.separator, punctuation.terminator | #8f98a3 | — |
| entity.name.tag | #fa94cd | — |
| entity.other.attribute-name | #f8bd5f | — |
| markup.heading, entity.name.section | #69b9f7 | bold |
| markup.bold | #dbe0e8 | bold |
| markup.italic | #dbe0e8 | italic |
| markup.inserted, markup.inline.raw | #54dcaa | — |
| markup.deleted | #fe9864 | — |
| invalid, invalid.illegal | #fe9864 | — |