Dayfox
Publisher: Michał PopekThemes in package: 1
Port of the Dayfox variant from EdenEast/nightfox.nvim
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#f6f2ee
- activityBar.border#e4dcd4
- activityBar.dropBorder#2848a9
- activityBar.foreground#223d90
- activityBar.inactiveForeground#3d2b5a
- activityBarBadge.background#2848a9
- activityBarBadge.foreground#f6f2ee
- badge.background#2848a9
- badge.foreground#f6f2ee
- breadcrumb.foreground#3d2b5a
- button.background#2848a9
- button.foreground#f6f2ee
- button.hoverBackground#4863b6
- button.secondaryBackground#824d5b
- button.secondaryForeground#f6f2ee
- button.secondaryHoverBackground#955f61
- debugToolBar.background#e4dcd4
- debugToolBar.border#d3c7bb
- diffEditor.insertedLineBackground#d0d6cd
- diffEditor.removedLineBackground#e6c8c8
- editor.background#f6f2ee
- editor.findMatchBackground#a4c1c2
- editor.findMatchHighlightBackground#e7d2be
- editor.foreground#3d2b5a
- editor.selectionBackground#e7d2be
- editor.selectionHighlightBackground#e7d2be
- editor.wordHighlightBackground#e4dcd4
- editorCodeLens.foreground#643f61
- editorCursor.background#f6f2ee
- editorCursor.foreground#2848a9
- editorError.foreground#a5222f
- editorGroupHeader.border#d3c7bb
- editorGroupHeader.tabsBackground#e4dcd4
- editorGroupHeader.tabsBorder#e4dcd4
- editorGutter.addedBackground#d0d6cd
- editorGutter.deletedBackground#e6c8c8
- editorGutter.modifiedBackground#cdd0e0
- editorHint.foreground#396847
- editorIndentGuide.activeBackground#a4c1c2
- editorIndentGuide.background#dbd1dd
- editorInfo.background#2848a9
- editorLightBulb.foreground#2848a9
- editorLineNumber.foreground#824d5b
- editorWarning.foreground#ac5402
- editorWidget.background#e4dcd4
- editorWidget.foreground#3d2b5a
- editorWidget.resizeBorder#824d5b
- errorLens.errorBackground#deb4b5
- errorLens.errorForeground#a5222f
- errorLens.errorForegroundLight#a5222f
- errorLens.hintBackground#bdc9bc
- errorLens.hintForeground#396847
- errorLens.hintForegroundLight#396847
- errorLens.infoBackground#b8bfd9
- errorLens.infoForeground#2848a9
- errorLens.infoForegroundLight#2848a9
- errorLens.warningBackground#e0c3a7
- errorLens.warningForeground#ac5402
- errorLens.warningForegroundLight#ac5402
- focusBorder#a4c1c2
- gitDecoration.addedResourceForeground#396847
- gitDecoration.conflictingResourceForeground#955f61
- gitDecoration.deletedResourceForeground#a5222f
- gitDecoration.ignoredResourceForeground#837a72
- gitDecoration.modifiedResourceForeground#ac5402
- gitDecoration.untrackedResourceForeground#2848a9
- input.foreground#3d2b5a
- input.placeholderForeground#643f61
- inputOption.activeBackground#e4dcd4
- inputOption.activeBorder#d3c7bb
- inputOption.hoverBackground#dbd1dd
- list.activeSelectionBackground#e7d2be
- list.activeSelectionForeground#3d2b5a
- list.activeSelectionIconForeground#3d2b5a
- list.dropBackground#a4c1c2
- list.errorForeground#a5222f
- list.highlightForeground#2848a9
- list.hoverBackground#dbd1dd
- list.inactiveSelectionBackground#d3c7bb
- list.warningForeground#ac5402
- listFilterWidget.background#e4dcd4
- listFilterWidget.noMatchesOutline#a5222f
- panelTitle.activeBorder#824d5b
- peekView.border#d3c7bb
- peekViewTitle.background#e4dcd4
- peekViewTitleDescription.foreground#643f61
- peekViewTitleLabel.foreground#3d2b5a
- pickerGroup.border#e4dcd4
- pickerGroup.foreground#643f61
- progressBar.background#2848a9
- scrollbar.shadow#dbd1dd
- scrollbarSlider.activeBackground#d3c7bb
- scrollbarSlider.background#e4dcd4
- scrollbarSlider.hoverBackground#dbd1dd
- searchEditor.findMatchBackground#ff0000
- selection.background#e7d2be
- sideBar.background#f6f2ee
- sideBar.border#d3c7bb
- sideBar.foreground#3d2b5a
- sideBarSectionHeader.background#e4dcd4
- sideBarSectionHeader.border#d3c7bb
- sideBarSectionHeader.foreground#3d2b5a
- sideBarTitle.foreground#3d2b5a
- statusBar.background#e4dcd4
- statusBar.border#d3c7bb
- statusBar.debuggingBackground#ac5402
- statusBar.debuggingForeground#f6f2ee
- statusBar.foreground#3d2b5a
- statusBar.noFolderBackground#824d5b
- statusBar.noFolderForeground#f6f2ee
- statusBarItem.remoteBackground#2848a9
- statusBarItem.remoteForeground#f6f2ee
- tab.activeBorderTop#824d5b
- tab.border#d3c7bb
- tab.hoverBackground#dbd1dd
- tab.inactiveBackground#f6f2ee
- terminal.ansiBlack#352c24
- terminal.ansiBlue#2848a9
- terminal.ansiBrightBlack#534c45
- terminal.ansiBrightBlue#4863b6
- terminal.ansiBrightCyan#488d93
- terminal.ansiBrightGreen#577f63
- terminal.ansiBrightMagenta#8452d5
- terminal.ansiBrightRed#b3434e
- terminal.ansiBrightWhite#f4ece6
- terminal.ansiBrightYellow#b86e28
- terminal.ansiCyan#287980
- terminal.ansiGreen#396847
- terminal.ansiMagenta#6e33ce
- terminal.ansiRed#a5222f
- terminal.ansiWhite#f2e9e1
- terminal.ansiYellow#ac5402
- terminal.background#f6f2ee
- terminal.foreground#3d2b5a
- terminalCursor.background#f6f2ee
- terminalCursor.foreground#2848a9
- textLink.foreground#2848a9
- titleBar.activeBackground#e4dcd4
- titleBar.activeForeground#3d2b5a
- titleBar.border#d3c7bb
- tree.inactiveIndentGuidesStroke#dbd1dd
- tree.indentGuidesStroke#a4c1c2
- widget.border#d3c7bb
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword.control.flow, keyword.control.trycatch, variable.language.this, variable.language.super | #a5222f | — |
| entity.name.tag, storage.type, storage.modifier, keyword | #6e33ce | — |
| entity.name.type, entity.other.inherited-class, support.class, support.type.class, entity.name.tag.css | #ac5402 | — |
| storage.type.function, variable.other.property, variable.other.object.property, entity.other.attribute-name, support.type.property-name, entity.name.tag.yaml | #2848a9 | — |
| entity.name.function | #223d90 | — |
| support.type.primitive, support.type.builtin.primitive, support.class.component, variable.parameter, keyword.other.unit | #22676d | — |
| constant, meta.function.decorator | #7f5152 | — |
| string | #396847 | — |
| punctuation, meta.brace, meta.delimiter | #643f61 | — |
| comment | #837a72 | — |
| markup.heading, punctuation.definition.heading.markdown | #223d90 | bold |
| string.other.link.title.markdown | #6e33ce | bold |
| string.other.link.description.markdown | #2848a9 | bold |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #7f5152 | italic |
| markup.bold.markdown | #b3434e | bold |
| markup.italic.markdown | #b3434e | italic |
| markup.strikethrough.markdown | — | strikethrough |
| markup.inline.raw.string.markdown | #287980 | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...