Codex Theme Collection

Color themes

• 

  Codex — Ayu Dark

• 

  Codex — Ayu Light

• 

  Codex — Catppuccin Latte

• 

  Codex — Catppuccin Mocha

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#e6b450
• activityBar.background#0d1017
• activityBar.foreground#bfbdb6
• activityBar.inactiveForeground#6c7380
• activityBarBadge.background#e6b450
• activityBarBadge.foreground#0b0e14
• badge.background#e6b450
• badge.foreground#0b0e14
• button.background#e6b450
• button.foreground#0b0e14
• button.hoverBackground#c99a3d
• editor.background#0b0e14
• editor.findMatchBackground#e6b45060
• editor.findMatchHighlightBackground#e6b45030
• editor.foreground#bfbdb6
• editor.inactiveSelectionBackground#27374780
• editor.lineHighlightBackground#131721
• editor.selectionBackground#273747
• editorBracketMatch.background#e6b45030
• editorBracketMatch.border#e6b450
• editorCursor.foreground#e6b450
• editorGroupHeader.tabsBackground#0d1017
• editorGutter.addedBackground#7fd962
• editorGutter.deletedBackground#f26d78
• editorGutter.modifiedBackground#e6b450
• editorIndentGuide.activeBackground1#2d3640
• editorIndentGuide.background1#131721
• editorLineNumber.activeForeground#6c7380
• editorLineNumber.foreground#2d3640
• focusBorder#e6b450
• input.background#0d1017
• input.border#131721
• input.foreground#bfbdb6
• list.activeSelectionBackground#131721
• list.activeSelectionForeground#bfbdb6
• list.highlightForeground#e6b450
• list.hoverBackground#13172180
• panel.background#0d1017
• panel.border#131721
• panelTitle.activeForeground#e6b450
• panelTitle.inactiveForeground#6c7380
• scrollbarSlider.activeBackground#bfbdb660
• scrollbarSlider.background#bfbdb620
• scrollbarSlider.hoverBackground#bfbdb640
• sideBar.background#0d1017
• sideBar.foreground#bfbdb6
• sideBarSectionHeader.background#0b0e14
• sideBarSectionHeader.foreground#bfbdb6
• statusBar.background#0d1017
• statusBar.foreground#bfbdb6
• tab.activeBackground#0b0e14
• tab.activeBorder#e6b450
• tab.activeForeground#bfbdb6
• tab.border#0d1017
• tab.inactiveBackground#0d1017
• tab.inactiveForeground#6c7380
• terminal.ansiBlue#59c2ff
• terminal.ansiBrightBlack#2d3640
• terminal.ansiBrightWhite#e6e1cf
• terminal.ansiCyan#95e6cb
• terminal.ansiGreen#7fd962
• terminal.ansiMagenta#d2a6ff
• terminal.ansiRed#f26d78
• terminal.ansiWhite#bfbdb6
• terminal.ansiYellow#e6b450
• terminal.background#0b0e14
• terminal.foreground#bfbdb6
• titleBar.activeBackground#0d1017
• titleBar.activeForeground#bfbdb6
• titleBar.inactiveBackground#0d1017
• titleBar.inactiveForeground#6c7380

tokenColors

TextMate scopes and font styles (syntax highlighting rules).