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#e0e7ef
• activityBar.border#a2a6af
• activityBar.foreground#151a27
• activityBarBadge.background#444fcf
• activityBarBadge.foreground#edf4f8
• badge.background#cddbfa
• badge.foreground#142810
• button.background#cddbfa
• button.foreground#142810
• button.hoverBackground#d2b4cf
• diffEditor.border#a2a6af
• diffEditor.insertedLineBackground#c5f0e099
• diffEditor.insertedTextBackground#b0e8ca99
• diffEditor.removedLineBackground#f0d6d699
• diffEditor.removedTextBackground#f5c7d699
• dropdown.background#edf4f8
• dropdown.border#a2a6af
• dropdown.foreground#151a27
• editor.background#edf4f8
• editor.findMatchBackground#efbf00
• editor.findMatchHighlightBackground#cfceff99
• editor.findRangeHighlightBackground#e8df9a99
• editor.foreground#151a27
• editor.hoverHighlightBackground#d2b4cf99
• editor.inactiveSelectionBackground#ccd5f799
• editor.lineHighlightBackground#dae5f0
• editor.selectionBackground#c8dcff
• editor.selectionHighlightBackground#cddbfa99
• editor.wordHighlightBackground#a4e2cf99
• editor.wordHighlightStrongBackground#b7bbea99
• editorBracketMatch.background#cab3b2
• editorBracketMatch.border#80308f
• editorCursor.foreground#036f99
• editorError.foreground#d00000
• editorGutter.addedBackground#007010
• editorGutter.background#e6ecf2
• editorGutter.deletedBackground#d00000
• editorGutter.modifiedBackground#8b4400
• editorHint.foreground#676470
• editorIndentGuide.activeBackground1#afb8c3
• editorIndentGuide.background1#a2a6af
• editorInfo.foreground#007010
• editorLineNumber.activeForeground#151a27
• editorLineNumber.foreground#676470
• editorOverviewRuler.addedForeground#007010
• editorOverviewRuler.border#a2a6af
• editorOverviewRuler.deletedForeground#d00000
• editorOverviewRuler.modifiedForeground#8b4400
• editorRuler.foreground#cfd8e3
• editorWarning.foreground#8b4400
• editorWhitespace.foreground#a2a6af
• gitDecoration.addedResourceForeground#007010
• gitDecoration.conflictingResourceForeground#b02440
• gitDecoration.deletedResourceForeground#8f1313
• gitDecoration.ignoredResourceForeground#676470
• gitDecoration.modifiedResourceForeground#553d00
• gitDecoration.submoduleResourceForeground#3f4f99
• gitDecoration.untrackedResourceForeground#007047
• input.background#edf4f8
• input.border#a2a6af
• input.foreground#151a27
• input.placeholderForeground#676470
• inputOption.activeBackground#cddbfa
• inputOption.activeBorder#444fcf
• inputValidation.errorBackground#f2c2b5
• inputValidation.errorBorder#d00000
• inputValidation.infoBackground#a4e2cf
• inputValidation.infoBorder#007010
• inputValidation.warningBackground#e8df9a
• inputValidation.warningBorder#8b4400
• list.activeSelectionBackground#cddbfa
• list.activeSelectionForeground#142810
• list.activeSelectionIconForeground#444fcf
• list.focusBackground#cddbfa
• list.highlightForeground#444fcf
• list.hoverBackground#d2b4cf
• list.inactiveSelectionBackground#ccd5f7
• notificationCenterHeader.background#cfd8e3
• notificationCenterHeader.foreground#151a27
• panel.background#edf4f8
• panel.border#a2a6af
• panelTitle.activeBorder#444fcf
• panelTitle.activeForeground#151a27
• panelTitle.inactiveForeground#676470
• progressBar.background#444fcf
• sideBar.background#e0e7ef
• sideBar.border#a2a6af
• sideBar.foreground#151a27
• sideBarSectionHeader.background#cfd8e3
• sideBarSectionHeader.foreground#151a27
• sideBarTitle.foreground#151a27
• statusBar.background#a0c2ef
• statusBar.border#a2a6af
• statusBar.debuggingBackground#df9fff
• statusBar.debuggingForeground#142810
• statusBar.foreground#142810
• statusBar.noFolderBackground#cfd8e3
• statusBar.noFolderForeground#151a27
• tab.activeBackground#edf4f8
• tab.activeBorder#444fcf
• tab.activeForeground#151a27
• tab.border#a2a6af
• tab.hoverBackground#dae5f0
• tab.hoverBorder#a2a6af
• tab.inactiveBackground#e0e7ef
• tab.inactiveForeground#676470
• tab.unfocusedActiveBackground#e6ecf2
• tab.unfocusedActiveBorder#a2a6af
• tab.unfocusedActiveForeground#676470
• terminal.ansiBlack#151a27
• terminal.ansiBlue#375cc6
• terminal.ansiBrightBlack#676470
• terminal.ansiBrightBlue#444fcf
• terminal.ansiBrightCyan#305675
• terminal.ansiBrightGreen#3a6f00
• terminal.ansiBrightMagenta#9a3a6a
• terminal.ansiBrightRed#d00000
• terminal.ansiBrightWhite#edf4f8
• terminal.ansiBrightYellow#8b4400
• terminal.ansiCyan#1f66af
• terminal.ansiGreen#007010
• terminal.ansiMagenta#80308f
• terminal.ansiRed#c3303a
• terminal.ansiWhite#e0e7ef
• terminal.ansiYellow#805a1f
• terminal.background#edf4f8
• terminal.foreground#151a27
• terminalCursor.foreground#036f99
• titleBar.activeBackground#cfd8e3
• titleBar.activeForeground#151a27
• titleBar.border#a2a6af
• titleBar.inactiveBackground#e6ecf2
• titleBar.inactiveForeground#676470

tokenColors

TextMate scopes and font styles (syntax highlighting rules).