CodeKami
Publisher: gouselabsThemes in package: 1
Turn your coding journey into an anime-inspired RPG. Offline, private, no backend.
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#0d0f16
- activityBar.foreground#e6e6f0
- activityBar.inactiveForeground#4b5263
- activityBarBadge.background#ff6fae
- activityBarBadge.foreground#11131a
- badge.background#7dd3fc
- badge.foreground#11131a
- button.background#ff6fae
- button.foreground#11131a
- button.hoverBackground#ff8cc0
- editor.background#11131a
- editor.foreground#e6e6f0
- editor.inactiveSelectionBackground#1d2130
- editor.lineHighlightBackground#181b24
- editor.selectionBackground#2d3348
- editor.selectionHighlightBackground#22283a
- editorBracketMatch.background#2d3348
- editorBracketMatch.border#7dd3fc
- editorCursor.foreground#ff6fae
- editorGroupHeader.tabsBackground#0d0f16
- editorHoverWidget.background#161822
- editorHoverWidget.border#232735
- editorIndentGuide.activeBackground1#3a4356
- editorIndentGuide.background1#232735
- editorLineNumber.activeForeground#7dd3fc
- editorLineNumber.foreground#4b5263
- editorSuggestWidget.background#161822
- editorSuggestWidget.border#232735
- editorSuggestWidget.selectedBackground#232735
- editorWhitespace.foreground#232735
- editorWidget.background#161822
- editorWidget.border#232735
- focusBorder#7dd3fc
- foreground#e6e6f0
- list.activeSelectionBackground#232735
- list.activeSelectionForeground#e6e6f0
- list.hoverBackground#181b24
- list.inactiveSelectionBackground#181b24
- panel.background#0d0f16
- panel.border#232735
- progressBar.background#7dd3fc
- selection.background#2d3348
- sideBar.background#0d0f16
- sideBar.foreground#cbd5e1
- sideBarSectionHeader.background#11131a
- sideBarTitle.foreground#e6e6f0
- statusBar.background#0d0f16
- statusBar.debuggingBackground#ff6fae
- statusBar.debuggingForeground#11131a
- statusBar.foreground#cbd5e1
- statusBar.noFolderBackground#0d0f16
- tab.activeBackground#11131a
- tab.activeBorderTop#7dd3fc
- tab.activeForeground#e6e6f0
- tab.inactiveBackground#0d0f16
- tab.inactiveForeground#6b7280
- terminal.background#0d0f16
- terminal.foreground#e6e6f0
- textLink.activeForeground#a5e6ff
- textLink.foreground#7dd3fc
- titleBar.activeBackground#0d0f16
- titleBar.activeForeground#e6e6f0
- titleBar.inactiveBackground#0d0f16
- titleBar.inactiveForeground#4b5263
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #e6e6f0 | — |
| comment, punctuation.definition.comment | #6b7280 | italic |
| string, string.quoted | #a6e35b | — |
| constant.numeric, constant.language, constant.character | #f9c74f | — |
| keyword, storage.type, storage.modifier, keyword.control | #ff6fae | — |
| entity.name.function, support.function | #7dd3fc | — |
| entity.name.type, entity.name.class, support.class, support.type | #c4b5fd | — |
| variable, variable.parameter | #cbd5e1 | — |
| entity.name.tag | #ff6fae | — |
| entity.other.attribute-name | #f9c74f | — |
| punctuation, meta.brace | #9aa3b5 | — |