Eternity-theme

Color themes

• 

  Eternity light

• 

  Eternity light soft

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#fafafa
• activityBar.border#fafafa
• activityBar.foreground#959da6cc
• activityBarBadge.background#ff9940
• activityBarBadge.foreground#fafafa
• badge.background#ff9940
• badge.foreground#fafafa
• button.background#ff9940
• button.foreground#fafafa
• button.hoverBackground#f9943b
• debugExceptionWidget.background#ffffff
• debugExceptionWidget.border#959da61a
• debugToolBar.background#ffffff
• diffEditor.insertedTextBackground#86b30026
• diffEditor.removedTextBackground#ed936626
• dropdown.background#ffffff
• dropdown.border#dcdee1
• dropdown.foreground#959da6
• editor.background#fafafa
• editor.findMatchBackground#ff99400d
• editor.findMatchBorder#ff9940
• editor.findMatchHighlightBackground#ff99400d
• editor.findMatchHighlightBorder#ff994059
• editor.findRangeHighlightBackground#eff3f6
• editor.findRangeHighlightBorder#fafafa00
• editor.foreground#6c7680
• editor.inactiveSelectionBackground#eff3f6
• editor.lineHighlightBackground#959da61a
• editor.rangeHighlightBackground#959da61a
• editor.selectionBackground#B1F8FF
• editor.selectionHighlightBackground#eff3f6
• editor.selectionHighlightBorder#dee8f1
• editor.wordHighlightBackground#eff3f6
• editor.wordHighlightStrongBackground#ff994033
• editorBracketMatch.background#959da64d
• editorBracketMatch.border#959da699
• editorCodeLens.foreground#abb0b6
• editorCursor.foreground#ff9940
• editorError.foreground#f51818
• editorGroup.border#959da61a
• editorGroupHeader.noTabsBackground#fafafa
• editorGroupHeader.tabsBackground#fafafa
• editorGroupHeader.tabsBorder#fafafa
• editorGutter.addedBackground#99bf4d99
• editorGutter.deletedBackground#f2798399
• editorGutter.modifiedBackground#709ecc99
• editorHoverWidget.background#ffffff
• editorHoverWidget.border#f0f0f0
• editorIndentGuide.activeBackground#959da6b3
• editorIndentGuide.background#959da64d
• editorLineNumber.activeForeground#959da6cc
• editorLineNumber.foreground#959da666
• editorLink.activeForeground#ff9940
• editorMarkerNavigation.background#ffffff
• editorOverviewRuler.addedForeground#99bf4d99
• editorOverviewRuler.border#959da61a
• editorOverviewRuler.deletedForeground#f2798399
• editorOverviewRuler.errorForeground#f51818
• editorOverviewRuler.modifiedForeground#709ecc99
• editorOverviewRuler.warningForeground#ff9940
• editorRuler.foreground#959da64d
• editorSuggestWidget.background#ffffff
• editorSuggestWidget.border#f0f0f0
• editorSuggestWidget.highlightForeground#ff9940
• editorSuggestWidget.selectedBackground#959da61a
• editorWarning.foreground#ff9940
• editorWhitespace.foreground#959da666
• editorWidget.background#ffffff
• extensionButton.prominentBackground#ff9940
• extensionButton.prominentForeground#fafafa
• extensionButton.prominentHoverBackground#f9943b
• focusBorder#bdc2c8
• foreground#959da6
• gitDecoration.conflictingResourceForeground
• gitDecoration.deletedResourceForeground#f27983b3
• gitDecoration.ignoredResourceForeground#c8ccd0
• gitDecoration.modifiedResourceForeground#709eccb3
• gitDecoration.submoduleResourceForeground#a37accb3
• gitDecoration.untrackedResourceForeground#99bf4db3
• input.background#ffffff
• input.border#dcdee1
• input.foreground#6c7680
• input.placeholderForeground#b3b9bf
• inputOption.activeBorder#ff9940
• inputValidation.errorBackground#fafafa
• inputValidation.errorBorder#f51818
• inputValidation.infoBackground#fafafa
• inputValidation.infoBorder#55b4d4
• inputValidation.warningBackground#fafafa
• inputValidation.warningBorder#f2ae49
• list.activeSelectionBackground#959da61a
• list.activeSelectionForeground#959da6
• list.focusBackground#959da61a
• list.focusForeground#959da6
• list.highlightForeground#ff9940
• list.hoverBackground#959da61a
• list.hoverForeground#959da6
• list.inactiveSelectionBackground#959da61a
• list.inactiveSelectionForeground#959da6
• list.invalidItemForeground#b3b9bf
• panel.background#fafafa
• panel.border#959da61a
• panelTitle.activeBorder#ff9940
• panelTitle.activeForeground#6c7680
• panelTitle.inactiveForeground#959da6
• peekView.border#959da61a
• peekViewEditor.background#ffffff
• peekViewEditor.matchHighlightBackground#ff994033
• peekViewResult.background#ffffff
• peekViewResult.fileForeground#959da6
• peekViewResult.matchHighlightBackground#ff994033
• peekViewTitle.background#ffffff
• peekViewTitleDescription.foreground#959da6
• peekViewTitleLabel.foreground#959da6
• pickerGroup.border#959da61a
• pickerGroup.foreground#c8ccd0
• progressBar.background#ff9940
• scrollbar.shadow#959da61a
• scrollbarSlider.activeBackground#959da6b3
• scrollbarSlider.background#959da666
• scrollbarSlider.hoverBackground#959da699
• selection.background#e8eef4fd
• settings.headerForeground#6c7680
• settings.modifiedItemIndicator#709ecc
• sideBar.background#fafafa
• sideBar.border#fafafa
• sideBarSectionHeader.background#fafafa
• sideBarSectionHeader.foreground#959da6
• sideBarTitle.foreground#959da6
• statusBar.background#fafafa
• statusBar.border#fafafa
• statusBar.debuggingBackground#ed9366
• statusBar.debuggingForeground#fafafa
• statusBar.foreground#959da6
• statusBar.noFolderBackground#ffffff
• statusBarItem.activeBackground#00000050
• statusBarItem.hoverBackground#00000030
• statusBarItem.prominentBackground#959da61a
• statusBarItem.prominentHoverBackground#00000030
• tab.activeBackground#fafafa
• tab.activeBorder#ff9940
• tab.activeForeground#6c7680
• tab.border#fafafa
• tab.hoverBackground#F0F1F2
• tab.inactiveBackground#fafafa
• tab.inactiveForeground#959da6
• tab.unfocusedActiveBorder#959da6
• tab.unfocusedActiveForeground#959da6
• tab.unfocusedInactiveForeground#959da6
• terminal.ansiBlack#000000
• terminal.ansiBlue#3199e1
• terminal.ansiBrightBlack#686868
• terminal.ansiBrightBlue#399ee6
• terminal.ansiBrightCyan#4cbf99
• terminal.ansiBrightGreen#86b300
• terminal.ansiBrightMagenta#a37acc
• terminal.ansiBrightRed#f07171
• terminal.ansiBrightWhite#d1d1d1
• terminal.ansiBrightYellow#f2ae49
• terminal.ansiCyan#46ba94
• terminal.ansiGreen#99bf4d
• terminal.ansiMagenta#9e75c7
• terminal.ansiRed#ea6c6d
• terminal.ansiWhite#c7c7c7
• terminal.ansiYellow#eca944
• terminal.background#3adae6
• terminal.foreground#4d8bc9
• textBlockQuote.background#ffffff
• textLink.activeForeground#ff9940
• textLink.foreground#ff9940
• textPreformat.foreground#6c7680
• titleBar.activeBackground#fafafa
• titleBar.activeForeground#6c7680
• titleBar.border#fafafa
• titleBar.inactiveBackground#fafafa
• titleBar.inactiveForeground#959da6
• tree.indentGuidesStroke#F0F1F2
• walkThrough.embeddedEditorBackground#ffffff
• widget.shadow#56606940

tokenColors

TextMate scopes and font styles (syntax highlighting rules).