Codex Theme Collection

Color themes

• 

  Codex — Dracula

• 

  Codex — Everforest Dark

• 

  Codex — Everforest Light

• 

  Codex — GitHub Dark

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.activeBorder#93b259
• activityBar.background#f0ebe0
• activityBar.foreground#5c6a72
• activityBar.inactiveForeground#7b8b8b
• activityBarBadge.background#93b259
• activityBarBadge.foreground#fdf6e3
• badge.background#93b259
• badge.foreground#fdf6e3
• button.background#93b259
• button.foreground#fdf6e3
• button.hoverBackground#7a9a48
• diffEditor.insertedTextBackground#8da10120
• diffEditor.removedTextBackground#f8555220
• editor.background#fdf6e3
• editor.findMatchBackground#93b25960
• editor.findMatchHighlightBackground#93b25930
• editor.foreground#5c6a72
• editor.inactiveSelectionBackground#d5c9a140
• editor.lineHighlightBackground#f0ebe0
• editor.selectionBackground#d5c9a180
• editorBracketMatch.background#93b25930
• editorBracketMatch.border#93b259
• editorCursor.foreground#93b259
• editorGroupHeader.tabsBackground#f0ebe0
• editorGutter.addedBackground#8da101
• editorGutter.deletedBackground#f85552
• editorGutter.modifiedBackground#dfa000
• editorIndentGuide.activeBackground1#a6b0a0
• editorIndentGuide.background1#e8e4d9
• editorLineNumber.activeForeground#5c6a72
• editorLineNumber.foreground#a6b0a0
• focusBorder#93b259
• input.background#fdf6e3
• input.border#d5c9a1
• input.foreground#5c6a72
• inputOption.activeBorder#93b259
• list.activeSelectionBackground#93b25920
• list.activeSelectionForeground#5c6a72
• list.focusBackground#93b25930
• list.highlightForeground#93b259
• list.hoverBackground#93b25910
• panel.background#f4efe0
• panel.border#e8e4d9
• panelTitle.activeForeground#93b259
• panelTitle.inactiveForeground#7b8b8b
• scrollbar.shadow#00000010
• scrollbarSlider.activeBackground#5c6a7260
• scrollbarSlider.background#5c6a7220
• scrollbarSlider.hoverBackground#5c6a7240
• selection.background#93b25940
• sideBar.background#f4efe0
• sideBar.foreground#5c6a72
• sideBarSectionHeader.background#ece7d7
• sideBarSectionHeader.foreground#5c6a72
• sideBarTitle.foreground#5c6a72
• statusBar.background#93b259
• statusBar.foreground#fdf6e3
• statusBar.noFolderBackground#5c6a72
• statusBarItem.hoverBackground#7a9a48
• tab.activeBackground#fdf6e3
• tab.activeBorder#93b259
• tab.activeForeground#5c6a72
• tab.border#e8e4d9
• tab.inactiveBackground#f0ebe0
• tab.inactiveForeground#7b8b8b
• terminal.ansiBlue#3a94c5
• terminal.ansiBrightBlack#a6b0a0
• terminal.ansiBrightBlue#7fbbb3
• terminal.ansiBrightCyan#83c092
• terminal.ansiBrightGreen#93b259
• terminal.ansiBrightMagenta#df69ba
• terminal.ansiBrightRed#e67e80
• terminal.ansiBrightWhite#272e33
• terminal.ansiBrightYellow#e69875
• terminal.ansiCyan#35a77c
• terminal.ansiGreen#8da101
• terminal.ansiMagenta#df69ba
• terminal.ansiRed#f85552
• terminal.ansiWhite#5c6a72
• terminal.ansiYellow#dfa000
• terminal.background#fdf6e3
• terminal.foreground#5c6a72
• titleBar.activeBackground#f0ebe0
• titleBar.activeForeground#5c6a72
• titleBar.inactiveBackground#f4efe0
• titleBar.inactiveForeground#7b8b8b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).