Codex Theme Collection
Publisher: XuanThemes in package: 20
All official Codex UI themes for VS Code — Everforest, One Dark, Dracula, Solarized, Monokai, GitHub, Nord, Catppuccin, Gruvbox, Tokyo Night, Rose Pine, Ayu, and more.
Color themes
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).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #a6b0a0 | italic |
| string | #8da101 | — |
| constant.numeric, constant.language | #e69875 | — |
| keyword, storage.type, storage.modifier | #df69ba | — |
| entity.name.function, support.function | #3a94c5 | — |
| entity.name.type, entity.name.class, support.class | #dfa000 | — |
| variable | #5c6a72 | — |
| variable.parameter | #e69875 | — |
| entity.name.tag, support.class.component | #f85552 | — |
| entity.other.attribute-name | #dfa000 | — |
| punctuation, meta.brace | #5c6a72 | — |
| markup.heading | #93b259 | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inline.raw | #8da101 | — |
| invalid | #f85552 | — |