Ef (εὖ) themes for VSCode

Color themes

• 

  Ef Eagle

• 

  Ef Elea Dark

• 

  Ef Elea Light

• 

  Ef Frost

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#e3e9d6
• activityBar.border#a5aaaf
• activityBar.foreground#221321
• activityBarBadge.background#444fcf
• activityBarBadge.foreground#edf5e2
• badge.background#c2eaba
• badge.foreground#142810
• button.background#c2eaba
• button.foreground#142810
• button.hoverBackground#dfbac0
• diffEditor.border#a5aaaf
• diffEditor.insertedLineBackground#def0cb99
• diffEditor.insertedTextBackground#c7e8ba99
• diffEditor.removedLineBackground#f0e0c099
• diffEditor.removedTextBackground#f2d0c699
• dropdown.background#edf5e2
• dropdown.border#a5aaaf
• dropdown.foreground#221321
• editor.background#edf5e2
• editor.findMatchBackground#efbf00
• editor.findMatchHighlightBackground#cfceff99
• editor.findRangeHighlightBackground#e8e8aa99
• editor.foreground#221321
• editor.hoverHighlightBackground#dfbac099
• editor.inactiveSelectionBackground#c9d8f399
• editor.lineHighlightBackground#d0e7c4
• editor.selectionBackground#d9d2ef
• editor.selectionHighlightBackground#c2eaba99
• editor.wordHighlightBackground#b4efc699
• editor.wordHighlightStrongBackground#b5dfbf99
• editorBracketMatch.background#8ad3a2
• editorBracketMatch.border#80308f
• editorCursor.foreground#770080
• editorError.foreground#d00000
• editorGutter.addedBackground#00601f
• editorGutter.background#e8eddc
• editorGutter.deletedBackground#d00000
• editorGutter.modifiedBackground#b04300
• editorHint.foreground#676470
• editorIndentGuide.activeBackground1#b0b7aa
• editorIndentGuide.background1#a5aaaf
• editorInfo.foreground#00601f
• editorLineNumber.activeForeground#221321
• editorLineNumber.foreground#676470
• editorOverviewRuler.addedForeground#00601f
• editorOverviewRuler.border#a5aaaf
• editorOverviewRuler.deletedForeground#d00000
• editorOverviewRuler.modifiedForeground#b04300
• editorRuler.foreground#d0d7ca
• editorWarning.foreground#b04300
• editorWhitespace.foreground#a5aaaf
• gitDecoration.addedResourceForeground#00601f
• gitDecoration.conflictingResourceForeground#b02440
• gitDecoration.deletedResourceForeground#8f1313
• gitDecoration.ignoredResourceForeground#676470
• gitDecoration.modifiedResourceForeground#553d00
• gitDecoration.submoduleResourceForeground#5f5f1f
• gitDecoration.untrackedResourceForeground#007047
• input.background#edf5e2
• input.border#a5aaaf
• input.foreground#221321
• input.placeholderForeground#676470
• inputOption.activeBackground#c2eaba
• inputOption.activeBorder#444fcf
• inputValidation.errorBackground#f2d5b5
• inputValidation.errorBorder#d00000
• inputValidation.infoBackground#b4efc6
• inputValidation.infoBorder#00601f
• inputValidation.warningBackground#e8e8aa
• inputValidation.warningBorder#b04300
• list.activeSelectionBackground#c2eaba
• list.activeSelectionForeground#142810
• list.activeSelectionIconForeground#444fcf
• list.focusBackground#c2eaba
• list.highlightForeground#444fcf
• list.hoverBackground#dfbac0
• list.inactiveSelectionBackground#c9d8f3
• notificationCenterHeader.background#d0d7ca
• notificationCenterHeader.foreground#221321
• panel.background#edf5e2
• panel.border#a5aaaf
• panelTitle.activeBorder#444fcf
• panelTitle.activeForeground#221321
• panelTitle.inactiveForeground#676470
• progressBar.background#444fcf
• sideBar.background#e3e9d6
• sideBar.border#a5aaaf
• sideBar.foreground#221321
• sideBarSectionHeader.background#d0d7ca
• sideBarSectionHeader.foreground#221321
• sideBarTitle.foreground#221321
• statusBar.background#a5c67f
• statusBar.border#a5aaaf
• statusBar.debuggingBackground#df9fff
• statusBar.debuggingForeground#142810
• statusBar.foreground#142810
• statusBar.noFolderBackground#d0d7ca
• statusBar.noFolderForeground#221321
• tab.activeBackground#edf5e2
• tab.activeBorder#444fcf
• tab.activeForeground#221321
• tab.border#a5aaaf
• tab.hoverBackground#d0e7c4
• tab.hoverBorder#a5aaaf
• tab.inactiveBackground#e3e9d6
• tab.inactiveForeground#676470
• tab.unfocusedActiveBackground#e8eddc
• tab.unfocusedActiveBorder#a5aaaf
• tab.unfocusedActiveForeground#676470
• terminal.ansiBlack#221321
• terminal.ansiBlue#375cc6
• terminal.ansiBrightBlack#676470
• terminal.ansiBrightBlue#444fcf
• terminal.ansiBrightCyan#3f6faf
• terminal.ansiBrightGreen#355500
• terminal.ansiBrightMagenta#9f356a
• terminal.ansiBrightRed#d00000
• terminal.ansiBrightWhite#edf5e2
• terminal.ansiBrightYellow#b04300
• terminal.ansiCyan#1f70af
• terminal.ansiGreen#00601f
• terminal.ansiMagenta#80308f
• terminal.ansiRed#c3303a
• terminal.ansiWhite#e3e9d6
• terminal.ansiYellow#9a501f
• terminal.background#edf5e2
• terminal.foreground#221321
• terminalCursor.foreground#770080
• titleBar.activeBackground#d0d7ca
• titleBar.activeForeground#221321
• titleBar.border#a5aaaf
• titleBar.inactiveBackground#e8eddc
• titleBar.inactiveForeground#676470

tokenColors

TextMate scopes and font styles (syntax highlighting rules).