Ef (εὖ) themes for VSCode

Color themes

• 

  Ef Tritanopia Light

• 

  Ef Winter

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#1d202f
• activityBar.border#4a4955
• activityBar.foreground#b8c6d5
• activityBarBadge.background#6a9fff
• activityBarBadge.foreground#0f0b15
• badge.background#2f2a7a
• badge.foreground#dedeff
• button.background#2f2a7a
• button.foreground#dedeff
• button.hoverBackground#00474f
• diffEditor.border#4a4955
• diffEditor.insertedLineBackground#00291899
• diffEditor.insertedTextBackground#00371f99
• diffEditor.removedLineBackground#2f060f99
• diffEditor.removedTextBackground#450f1f99
• dropdown.background#0f0b15
• dropdown.border#4a4955
• dropdown.foreground#b8c6d5
• editor.background#0f0b15
• editor.findMatchBackground#8f5040
• editor.findMatchHighlightBackground#4648d099
• editor.findRangeHighlightBackground#39331299
• editor.foreground#b8c6d5
• editor.hoverHighlightBackground#00474f99
• editor.inactiveSelectionBackground#2a346e99
• editor.lineHighlightBackground#003045
• editor.selectionBackground#342464
• editor.selectionHighlightBackground#2f2a7a99
• editor.wordHighlightBackground#0f351899
• editor.wordHighlightStrongBackground#44196f99
• editorBracketMatch.background#2f608e
• editorBracketMatch.border#d369af
• editorCursor.foreground#ff6ff0
• editorError.foreground#ef6560
• editorGutter.addedBackground#29a444
• editorGutter.background#19181f
• editorGutter.deletedBackground#ef6560
• editorGutter.modifiedBackground#d1803f
• editorHint.foreground#807c9f
• editorIndentGuide.activeBackground1#4a4f62
• editorIndentGuide.background1#4a4955
• editorInfo.foreground#29a444
• editorLineNumber.activeForeground#b8c6d5
• editorLineNumber.foreground#807c9f
• editorOverviewRuler.addedForeground#29a444
• editorOverviewRuler.border#4a4955
• editorOverviewRuler.deletedForeground#ef6560
• editorOverviewRuler.modifiedForeground#d1803f
• editorRuler.foreground#2a2f42
• editorWarning.foreground#d1803f
• editorWhitespace.foreground#4a4955
• gitDecoration.addedResourceForeground#29a444
• gitDecoration.conflictingResourceForeground#ff6a7a
• gitDecoration.deletedResourceForeground#ffbfbf
• gitDecoration.ignoredResourceForeground#807c9f
• gitDecoration.modifiedResourceForeground#efef80
• gitDecoration.submoduleResourceForeground#bf8a9f
• gitDecoration.untrackedResourceForeground#00a392
• input.background#0f0b15
• input.border#4a4955
• input.foreground#b8c6d5
• input.placeholderForeground#807c9f
• inputOption.activeBackground#2f2a7a
• inputOption.activeBorder#6a9fff
• inputValidation.errorBackground#44101a
• inputValidation.errorBorder#ef6560
• inputValidation.infoBackground#0f3518
• inputValidation.infoBorder#29a444
• inputValidation.warningBackground#393312
• inputValidation.warningBorder#d1803f
• list.activeSelectionBackground#2f2a7a
• list.activeSelectionForeground#dedeff
• list.activeSelectionIconForeground#6a9fff
• list.focusBackground#2f2a7a
• list.highlightForeground#6a9fff
• list.hoverBackground#00474f
• list.inactiveSelectionBackground#2a346e
• notificationCenterHeader.background#2a2f42
• notificationCenterHeader.foreground#b8c6d5
• panel.background#0f0b15
• panel.border#4a4955
• panelTitle.activeBorder#6a9fff
• panelTitle.activeForeground#b8c6d5
• panelTitle.inactiveForeground#807c9f
• progressBar.background#6a9fff
• sideBar.background#1d202f
• sideBar.border#4a4955
• sideBar.foreground#b8c6d5
• sideBarSectionHeader.background#2a2f42
• sideBarSectionHeader.foreground#b8c6d5
• sideBarTitle.foreground#b8c6d5
• statusBar.background#5f1f5f
• statusBar.border#4a4955
• statusBar.debuggingBackground#a04fc5
• statusBar.debuggingForeground#dedeff
• statusBar.foreground#dedeff
• statusBar.noFolderBackground#2a2f42
• statusBar.noFolderForeground#b8c6d5
• tab.activeBackground#0f0b15
• tab.activeBorder#6a9fff
• tab.activeForeground#b8c6d5
• tab.border#4a4955
• tab.hoverBackground#003045
• tab.hoverBorder#4a4955
• tab.inactiveBackground#1d202f
• tab.inactiveForeground#807c9f
• tab.unfocusedActiveBackground#19181f
• tab.unfocusedActiveBorder#4a4955
• tab.unfocusedActiveForeground#807c9f
• terminal.ansiBlack#b8c6d5
• terminal.ansiBlue#3f95f6
• terminal.ansiBrightBlack#807c9f
• terminal.ansiBrightBlue#6a9fff
• terminal.ansiBrightCyan#6fafdf
• terminal.ansiBrightGreen#6aad0f
• terminal.ansiBrightMagenta#e580e0
• terminal.ansiBrightRed#ef6560
• terminal.ansiBrightWhite#0f0b15
• terminal.ansiBrightYellow#d1803f
• terminal.ansiCyan#4fbaef
• terminal.ansiGreen#29a444
• terminal.ansiMagenta#d369af
• terminal.ansiRed#f47359
• terminal.ansiWhite#1d202f
• terminal.ansiYellow#b58a52
• terminal.background#0f0b15
• terminal.foreground#b8c6d5
• terminalCursor.foreground#ff6ff0
• titleBar.activeBackground#2a2f42
• titleBar.activeForeground#b8c6d5
• titleBar.border#4a4955
• titleBar.inactiveBackground#19181f
• titleBar.inactiveForeground#807c9f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).