Ef (εὖ) themes for VSCode

Color themes

• 

  Ef Kassio

• 

  Ef Light

• 

  Ef Maris Dark

• 

  Ef Maris Light

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#efe7e7
• activityBar.border#bab7bc
• activityBar.foreground#201f36
• activityBarBadge.background#4250ef
• activityBarBadge.foreground#fff7f7
• badge.background#f2d5c9
• badge.foreground#151515
• button.background#f2d5c9
• button.foreground#151515
• button.hoverBackground#c0d0ff
• diffEditor.border#bab7bc
• diffEditor.insertedLineBackground#e0f3e099
• diffEditor.insertedTextBackground#c2efcf99
• diffEditor.removedLineBackground#ffe3e399
• diffEditor.removedTextBackground#ffcfda99
• dropdown.background#fff7f7
• dropdown.border#bab7bc
• dropdown.foreground#201f36
• editor.background#fff7f7
• editor.findMatchBackground#fac200
• editor.findMatchHighlightBackground#cbcfff99
• editor.findRangeHighlightBackground#ffe0aa99
• editor.foreground#201f36
• editor.hoverHighlightBackground#c0d0ff99
• editor.inactiveSelectionBackground#cfdfff99
• editor.lineHighlightBackground#f2e5d9
• editor.selectionBackground#dfe4f4
• editor.selectionHighlightBackground#f2d5c999
• editor.wordHighlightBackground#ddf5cc99
• editor.wordHighlightStrongBackground#efd5ff99
• editorBracketMatch.background#b0dffa
• editorBracketMatch.border#a01f64
• editorCursor.foreground#d06f30
• editorError.foreground#e00033
• editorGutter.addedBackground#217a3c
• editorGutter.background#f9eff3
• editorGutter.deletedBackground#e00033
• editorGutter.modifiedBackground#b6530f
• editorHint.foreground#776f79
• editorIndentGuide.activeBackground1#c0bbbb
• editorIndentGuide.background1#bab7bc
• editorInfo.foreground#217a3c
• editorLineNumber.activeForeground#201f36
• editorLineNumber.foreground#776f79
• editorOverviewRuler.addedForeground#217a3c
• editorOverviewRuler.border#bab7bc
• editorOverviewRuler.deletedForeground#e00033
• editorOverviewRuler.modifiedForeground#b6530f
• editorRuler.foreground#e0dbdb
• editorWarning.foreground#b6530f
• editorWhitespace.foreground#bab7bc
• gitDecoration.addedResourceForeground#217a3c
• gitDecoration.conflictingResourceForeground#d5305f
• gitDecoration.deletedResourceForeground#8f1313
• gitDecoration.ignoredResourceForeground#776f79
• gitDecoration.modifiedResourceForeground#553d00
• gitDecoration.submoduleResourceForeground#af4988
• gitDecoration.untrackedResourceForeground#008358
• input.background#fff7f7
• input.border#bab7bc
• input.foreground#201f36
• input.placeholderForeground#776f79
• inputOption.activeBackground#f2d5c9
• inputOption.activeBorder#4250ef
• inputValidation.errorBackground#ffdde5
• inputValidation.errorBorder#e00033
• inputValidation.infoBackground#ddf5cc
• inputValidation.infoBorder#217a3c
• inputValidation.warningBackground#ffe0aa
• inputValidation.warningBorder#b6530f
• list.activeSelectionBackground#f2d5c9
• list.activeSelectionForeground#151515
• list.activeSelectionIconForeground#4250ef
• list.focusBackground#f2d5c9
• list.highlightForeground#4250ef
• list.hoverBackground#c0d0ff
• list.inactiveSelectionBackground#cfdfff
• notificationCenterHeader.background#e0dbdb
• notificationCenterHeader.foreground#201f36
• panel.background#fff7f7
• panel.border#bab7bc
• panelTitle.activeBorder#4250ef
• panelTitle.activeForeground#201f36
• panelTitle.inactiveForeground#776f79
• progressBar.background#4250ef
• sideBar.background#efe7e7
• sideBar.border#bab7bc
• sideBar.foreground#201f36
• sideBarSectionHeader.background#e0dbdb
• sideBarSectionHeader.foreground#201f36
• sideBarTitle.foreground#201f36
• statusBar.background#e0bfba
• statusBar.border#bab7bc
• statusBar.debuggingBackground#df8fff
• statusBar.debuggingForeground#151515
• statusBar.foreground#151515
• statusBar.noFolderBackground#e0dbdb
• statusBar.noFolderForeground#201f36
• tab.activeBackground#fff7f7
• tab.activeBorder#4250ef
• tab.activeForeground#201f36
• tab.border#bab7bc
• tab.hoverBackground#f2e5d9
• tab.hoverBorder#bab7bc
• tab.inactiveBackground#efe7e7
• tab.inactiveForeground#776f79
• tab.unfocusedActiveBackground#f9eff3
• tab.unfocusedActiveBorder#bab7bc
• tab.unfocusedActiveForeground#776f79
• terminal.ansiBlack#201f36
• terminal.ansiBlue#3c3bbe
• terminal.ansiBrightBlack#776f79
• terminal.ansiBrightBlue#4250ef
• terminal.ansiBrightCyan#3f6faf
• terminal.ansiBrightGreen#4a7d00
• terminal.ansiBrightMagenta#9f248a
• terminal.ansiBrightRed#e00033
• terminal.ansiBrightWhite#fff7f7
• terminal.ansiBrightYellow#b6530f
• terminal.ansiCyan#2f5f9f
• terminal.ansiGreen#217a3c
• terminal.ansiMagenta#a01f64
• terminal.ansiRed#b00234
• terminal.ansiWhite#efe7e7
• terminal.ansiYellow#9a6012
• terminal.background#fff7f7
• terminal.foreground#201f36
• terminalCursor.foreground#d06f30
• titleBar.activeBackground#e0dbdb
• titleBar.activeForeground#201f36
• titleBar.border#bab7bc
• titleBar.inactiveBackground#f9eff3
• titleBar.inactiveForeground#776f79

tokenColors

TextMate scopes and font styles (syntax highlighting rules).