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#101523
- activityBar.foreground#E7EFFB
- activityBarBadge.background#5F86E8
- activityBarBadge.foreground#101523
- badge.background#274D61
- badge.foreground#F7FAFF
- button.background#274D61
- button.foreground#F7FAFF
- button.hoverBackground#2F627C
- editor.background#111724
- editor.foreground#E7EFFB
- editor.inactiveSelectionBackground#1B2E3E
- editor.lineHighlightBackground#182131
- editor.selectionBackground#20384A
- editor.selectionHighlightBackground#1F3448
- editor.wordHighlightBackground#1B455E66
- editor.wordHighlightStrongBackground#29647F55
- editorBracketMatch.background#20384A55
- editorBracketMatch.border#54CCE6AA
- editorCursor.foreground#54CCE6
- editorError.foreground#F8748F
- editorGroup.border#1A2434
- editorGroup.dropBackground#274D6144
- editorGroupHeader.tabsBackground#121828
- editorGutter.addedBackground#50C98A
- editorGutter.deletedBackground#F8748F
- editorGutter.modifiedBackground#5F86E8
- editorIndentGuide.activeBackground#2E445C
- editorIndentGuide.background#1E2939
- editorInfo.foreground#54CCE6
- editorLineNumber.foreground#4F5D75
- editorWarning.foreground#EFC36D
- editorWhitespace.foreground#1F2B3C
- list.activeSelectionBackground#213145
- list.activeSelectionForeground#F2F6FF
- list.focusBackground#1D2C40
- list.hoverBackground#182233
- list.hoverForeground#E7EFFB
- panel.background#111723
- panel.border#1C2839
- scrollbarSlider.activeBackground#233344AA
- scrollbarSlider.background#23334455
- scrollbarSlider.hoverBackground#23334488
- sideBar.background#121828
- sideBar.foreground#C1CEE4
- sideBarSectionHeader.background#161E30
- sideBarSectionHeader.foreground#D1DCF2
- sideBarTitle.foreground#9CB1CB
- statusBar.background#101523
- statusBar.debuggingBackground#275062
- statusBar.debuggingForeground#E7EFFB
- statusBar.foreground#9CB1CB
- tab.activeBackground#182131
- tab.activeForeground#F7FAFF
- tab.hoverBackground#1B2536
- tab.inactiveBackground#101523
- tab.inactiveForeground#74829A
- terminal.ansiBlack#111724
- terminal.ansiBlue#5F86E8
- terminal.ansiBrightBlack#1E2A3B
- terminal.ansiBrightBlue#779AF0
- terminal.ansiBrightCyan#6CDDF1
- terminal.ansiBrightGreen#69DAA2
- terminal.ansiBrightMagenta#B5A6FF
- terminal.ansiBrightRed#FF8FA5
- terminal.ansiBrightWhite#F7FAFF
- terminal.ansiBrightYellow#F3D488
- terminal.ansiCyan#54CCE6
- terminal.ansiGreen#50C98A
- terminal.ansiMagenta#9F8DFF
- terminal.ansiRed#F8748F
- terminal.ansiWhite#E7EFFB
- terminal.ansiYellow#EFC36D
- terminal.background#111724
- terminal.foreground#E7EFFB
- terminalCursor.foreground#54CCE6
- titleBar.activeBackground#0F1522
- titleBar.activeForeground#DAE5FB
- titleBar.inactiveBackground#0F1522
- titleBar.inactiveForeground#8391A8
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #627087 | italic |
| string, constant.other.symbol | #7AE3B0 | — |
| string.regexp | #6CDDF1 | — |
| keyword, storage.type, storage.modifier | #7A9DF0 | — |
| entity.name.function, support.function | #63D5FF | — |
| entity.name.type, support.type, support.class | #89B1FF | — |
| variable, meta.object-literal.key, support.variable | #E7EFFB | — |
| constant.numeric | #F2BC7A | — |
| constant.language, support.constant | #A395FF | — |
| entity.name.tag, support.class.component | #63D5FF | — |
| punctuation, meta.brace, meta.delimiter | #A9B6CF | — |
| invalid, invalid.illegal | #FFFFFF | — |
| markup.bold | #7A9DF0 | bold |
| markup.italic | #7AE3B0 | italic |
| markup.heading | #63D5FF | — |
| markup.quote | #627087 | — |
| markup.inline.raw | #6CDDF1 | — |