Ef (εὖ) themes for VSCode

Color themes

• 

  Ef Reverie

• 

  Ef Rosa

• 

  Ef Spring

• 

  Ef Summer

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#e5d6d4
• activityBar.border#c5afb6
• activityBar.foreground#4f204f
• activityBarBadge.background#5059c0
• activityBarBadge.foreground#f3eddf
• badge.background#e9cedd
• badge.foreground#523044
• button.background#e9cedd
• button.foreground#523044
• button.hoverBackground#ddc97f
• diffEditor.border#c5afb6
• diffEditor.insertedLineBackground#c9edd799
• diffEditor.insertedTextBackground#b4e9d099
• diffEditor.removedLineBackground#f4d8d099
• diffEditor.removedTextBackground#f8c3bf99
• dropdown.background#f3eddf
• dropdown.border#c5afb6
• dropdown.foreground#4f204f
• editor.background#f3eddf
• editor.findMatchBackground#e2b270
• editor.findMatchHighlightBackground#c0c0f099
• editor.findRangeHighlightBackground#f0e0a499
• editor.foreground#4f204f
• editor.hoverHighlightBackground#ddc97f99
• editor.inactiveSelectionBackground#ccd0f499
• editor.lineHighlightBackground#e7d9e0
• editor.selectionBackground#e0d0ba
• editor.selectionHighlightBackground#e9cedd99
• editor.wordHighlightBackground#dddef099
• editor.wordHighlightStrongBackground#d0c4e499
• editorBracketMatch.background#bf9fbf
• editorBracketMatch.border#9f4e74
• editorCursor.foreground#9d5744
• editorError.foreground#b21f00
• editorGutter.addedBackground#007a0a
• editorGutter.background#ede4da
• editorGutter.deletedBackground#b21f00
• editorGutter.modifiedBackground#a05900
• editorHint.foreground#6f6877
• editorIndentGuide.activeBackground1#b9aaa8
• editorIndentGuide.background1#c5afb6
• editorInfo.foreground#007a0a
• editorLineNumber.activeForeground#4f204f
• editorLineNumber.foreground#6f6877
• editorOverviewRuler.addedForeground#007a0a
• editorOverviewRuler.border#c5afb6
• editorOverviewRuler.deletedForeground#b21f00
• editorOverviewRuler.modifiedForeground#a05900
• editorRuler.foreground#d9cac8
• editorWarning.foreground#a05900
• editorWhitespace.foreground#c5afb6
• gitDecoration.addedResourceForeground#007a0a
• gitDecoration.conflictingResourceForeground#a83058
• gitDecoration.deletedResourceForeground#801530
• gitDecoration.ignoredResourceForeground#6f6877
• gitDecoration.modifiedResourceForeground#553d00
• gitDecoration.submoduleResourceForeground#55447f
• gitDecoration.untrackedResourceForeground#008250
• input.background#f3eddf
• input.border#c5afb6
• input.foreground#4f204f
• input.placeholderForeground#6f6877
• inputOption.activeBackground#e9cedd
• inputOption.activeBorder#5059c0
• inputValidation.errorBackground#ffc4d4
• inputValidation.errorBorder#b21f00
• inputValidation.infoBackground#dddef0
• inputValidation.infoBorder#007a0a
• inputValidation.warningBackground#f0e0a4
• inputValidation.warningBorder#a05900
• list.activeSelectionBackground#e9cedd
• list.activeSelectionForeground#523044
• list.activeSelectionIconForeground#5059c0
• list.focusBackground#e9cedd
• list.highlightForeground#5059c0
• list.hoverBackground#ddc97f
• list.inactiveSelectionBackground#ccd0f4
• notificationCenterHeader.background#d9cac8
• notificationCenterHeader.foreground#4f204f
• panel.background#f3eddf
• panel.border#c5afb6
• panelTitle.activeBorder#5059c0
• panelTitle.activeForeground#4f204f
• panelTitle.inactiveForeground#6f6877
• progressBar.background#5059c0
• sideBar.background#e5d6d4
• sideBar.border#c5afb6
• sideBar.foreground#4f204f
• sideBarSectionHeader.background#d9cac8
• sideBarSectionHeader.foreground#4f204f
• sideBarTitle.foreground#4f204f
• statusBar.background#d1b0df
• statusBar.border#c5afb6
• statusBar.debuggingBackground#daaaf0
• statusBar.debuggingForeground#523044
• statusBar.foreground#523044
• statusBar.noFolderBackground#d9cac8
• statusBar.noFolderForeground#4f204f
• tab.activeBackground#f3eddf
• tab.activeBorder#5059c0
• tab.activeForeground#4f204f
• tab.border#c5afb6
• tab.hoverBackground#e7d9e0
• tab.hoverBorder#c5afb6
• tab.inactiveBackground#e5d6d4
• tab.inactiveForeground#6f6877
• tab.unfocusedActiveBackground#ede4da
• tab.unfocusedActiveBorder#c5afb6
• tab.unfocusedActiveForeground#6f6877
• terminal.ansiBlack#4f204f
• terminal.ansiBlue#375cc6
• terminal.ansiBrightBlack#6f6877
• terminal.ansiBrightBlue#5059c0
• terminal.ansiBrightCyan#4f60a0
• terminal.ansiBrightGreen#5a7400
• terminal.ansiBrightMagenta#a73080
• terminal.ansiBrightRed#b21f00
• terminal.ansiBrightWhite#f3eddf
• terminal.ansiBrightYellow#a05900
• terminal.ansiCyan#3060af
• terminal.ansiGreen#007a0a
• terminal.ansiMagenta#9f4e74
• terminal.ansiRed#ba2d2f
• terminal.ansiWhite#e5d6d4
• terminal.ansiYellow#87591f
• terminal.background#f3eddf
• terminal.foreground#4f204f
• terminalCursor.foreground#9d5744
• titleBar.activeBackground#d9cac8
• titleBar.activeForeground#4f204f
• titleBar.border#c5afb6
• titleBar.inactiveBackground#ede4da
• titleBar.inactiveForeground#6f6877

tokenColors

TextMate scopes and font styles (syntax highlighting rules).