CHROMAHIN
Publisher: Mahin LtdThemes in package: 4
A professional multi-color VS Code theme and file icon system by Mahin Ltd. Features Dark, AMOLED, Soft, and Multi-color variants with a complete icon pack.
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.background#0A0F17
- activityBar.foreground#E3ECFF
- activityBarBadge.background#4F7DF3
- activityBarBadge.foreground#0A0F17
- badge.background#244C66
- badge.foreground#F7FAFF
- button.background#244C66
- button.foreground#F7FAFF
- button.hoverBackground#2E6185
- editor.background#0C111B
- editor.foreground#E3ECFF
- editor.inactiveSelectionBackground#1A2F41
- editor.lineHighlightBackground#131A2C
- editor.selectionBackground#1F3F56
- editor.selectionHighlightBackground#20344A
- editor.wordHighlightBackground#16364C88
- editor.wordHighlightStrongBackground#245D7C66
- editorBracketMatch.background#1F3F5666
- editorBracketMatch.border#4FDBFFAA
- editorCursor.foreground#4FDBFF
- editorError.foreground#FF5C7A
- editorGroup.border#101829
- editorGroup.dropBackground#244C6644
- editorGroupHeader.tabsBackground#080D14
- editorGutter.addedBackground#46D879
- editorGutter.deletedBackground#FF5C7A
- editorGutter.modifiedBackground#4F7DF3
- editorIndentGuide.activeBackground#35506F
- editorIndentGuide.background#1D2636
- editorInfo.foreground#4FDBFF
- editorLineNumber.foreground#46536B
- editorWarning.foreground#F2C744
- editorWhitespace.foreground#1F2A3D
- list.activeSelectionBackground#1D3147
- list.activeSelectionForeground#F1F6FF
- list.focusBackground#1B2D42
- list.hoverBackground#121C2C
- list.hoverForeground#E3ECFF
- panel.background#0B1019
- panel.border#1F2A3D
- scrollbarSlider.activeBackground#2A3444AA
- scrollbarSlider.background#2A344455
- scrollbarSlider.hoverBackground#2A344488
- sideBar.background#0A111B
- sideBar.foreground#B4C2DE
- sideBarSectionHeader.background#0F1724
- sideBarSectionHeader.foreground#C4D2EA
- sideBarTitle.foreground#96A9C7
- statusBar.background#0A0F17
- statusBar.debuggingBackground#244C66
- statusBar.debuggingForeground#E3ECFF
- statusBar.foreground#96A9C7
- tab.activeBackground#121A2A
- tab.activeForeground#F7FAFF
- tab.hoverBackground#152033
- tab.inactiveBackground#0A0F17
- tab.inactiveForeground#6E7C92
- terminal.ansiBlack#0C111B
- terminal.ansiBlue#4F7DF3
- terminal.ansiBrightBlack#1E2636
- terminal.ansiBrightBlue#6C95F6
- terminal.ansiBrightCyan#46E5F7
- terminal.ansiBrightGreen#63E28F
- terminal.ansiBrightMagenta#A897FF
- terminal.ansiBrightRed#FF7B92
- terminal.ansiBrightWhite#F7FAFF
- terminal.ansiBrightYellow#F6D563
- terminal.ansiCyan#22D3EE
- terminal.ansiGreen#46D879
- terminal.ansiMagenta#8B7CFF
- terminal.ansiRed#FF5C7A
- terminal.ansiWhite#E3ECFF
- terminal.ansiYellow#F2C744
- terminal.background#0C111B
- terminal.foreground#E3ECFF
- terminalCursor.foreground#4FDBFF
- titleBar.activeBackground#070B12
- titleBar.activeForeground#D4E0F5
- titleBar.inactiveBackground#070B12
- titleBar.inactiveForeground#7D899E
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5C6B80 | italic |
| string, constant.other.symbol | #78E3B4 | — |
| string.regexp | #46E5F7 | — |
| keyword, storage.type, storage.modifier | #6C95F6 | — |
| entity.name.function, support.function | #46D8FF | — |
| entity.name.type, support.type, support.class | #7AA7FF | — |
| variable, meta.object-literal.key, support.variable | #E3ECFF | — |
| constant.numeric | #F2B469 | — |
| constant.language, support.constant | #8B7CFF | — |
| entity.name.tag, support.class.component | #4FDBFF | — |
| punctuation, meta.brace, meta.delimiter | #AAB7D1 | — |
| invalid, invalid.illegal | #FFFFFF | — |
| markup.bold | #6C95F6 | bold |
| markup.italic | #78E3B4 | italic |
| markup.heading | #4FDBFF | — |
| markup.quote | #5C6B80 | — |
| markup.inline.raw | #46E5F7 | — |