MangaMode
Publisher: markonikolajevicThemes in package: 8
A VS Code theme pack with eye-comfort anime/manga-inspired variants.
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#A9EC72
- activityBar.background#0C0915
- activityBar.foreground#D8D2E7
- activityBarBadge.background#F57DB4
- activityBarBadge.foreground#120E1D
- badge.background#A9EC7240
- badge.foreground#C3F19C
- button.background#A9EC72
- button.foreground#120E1D
- button.hoverBackground#C3F19C
- descriptionForeground#9188AB
- diffEditor.insertedLineBackground#A9EC7215
- diffEditor.insertedTextBackground#A9EC7222
- diffEditor.removedLineBackground#E06B7415
- diffEditor.removedTextBackground#E06B7422
- diffEditorGutter.insertedLineBackground#A9EC7222
- diffEditorGutter.removedLineBackground#E06B7422
- editor.background#120E1D
- editor.findMatchBackground#3D8FA780
- editor.findMatchBorder#A9EC72
- editor.findMatchHighlightBackground#4A657366
- editor.foreground#E7E2F3
- editor.lineHighlightBackground#1C1628
- editor.selectionBackground#372A54
- editor.selectionHighlightBackground#2A213F99
- editor.wordHighlightBackground#5A3D8D8A
- editor.wordHighlightStrongBackground#7C54C6B0
- editorBracketHighlight.foreground1#A9EC72
- editorBracketHighlight.foreground2#B2E89F
- editorBracketHighlight.foreground3#C3F19C
- editorBracketHighlight.foreground4#A9EC72
- editorBracketHighlight.foreground5#B2E89F
- editorBracketHighlight.foreground6#C3F19C
- editorBracketMatch.background#3E306180
- editorBracketMatch.border#A9EC7288
- editorCodeLens.foreground#9188AB
- editorCursor.foreground#A9EC72
- editorError.foreground#E06B74
- editorGhostText.foreground#9188AB
- editorGroupHeader.tabsBackground#100D1A
- editorGroupHeader.tabsBorder#100D1A
- editorGutter.addedBackground#A9EC72
- editorGutter.deletedBackground#E06B74
- editorGutter.modifiedBackground#E7C85A
- editorHoverWidget.background#100D1A
- editorHoverWidget.border#2B2140
- editorHoverWidget.foreground#E7E2F3
- editorIndentGuide.activeBackground1#4B3A74
- editorIndentGuide.background1#2B2140
- editorInfo.foreground#A9EC72
- editorInlayHint.background#372A5480
- editorInlayHint.foreground#9188AB
- editorInlayHint.parameterBackground#372A5480
- editorInlayHint.parameterForeground#9188AB
- editorInlayHint.typeBackground#372A5480
- editorInlayHint.typeForeground#C3F19C
- editorLineNumber.activeForeground#B9B0D2
- editorLineNumber.foreground#817999
- editorOverviewRuler.border#2B2140
- editorRuler.foreground#2B2140
- editorSuggestWidget.background#100D1A
- editorSuggestWidget.border#2B2140
- editorSuggestWidget.foreground#E7E2F3
- editorSuggestWidget.selectedBackground#372A54
- editorWarning.foreground#E7C85A
- editorWhitespace.foreground#4B3A74
- editorWidget.background#100D1A
- editorWidget.border#2B2140
- errorForeground#E06B74
- focusBorder#A9EC7266
- foreground#C6BDD9
- gitDecoration.deletedResourceForeground#E06B74
- gitDecoration.ignoredResourceForeground#817999
- gitDecoration.modifiedResourceForeground#E7C85A
- gitDecoration.untrackedResourceForeground#A9EC72
- input.background#1C1628
- input.border#2B2140
- input.foreground#E7E2F3
- input.placeholderForeground#9188AB
- list.activeSelectionBackground#372A54
- list.activeSelectionForeground#E7E2F3
- list.focusBackground#2A213F
- list.highlightForeground#A9EC72
- list.hoverBackground#2A213F
- list.inactiveSelectionBackground#2A213F
- menu.background#100D1A
- menu.foreground#E7E2F3
- menu.selectionBackground#372A54
- minimap.background#120E1D
- notifications.background#100D1A
- notifications.foreground#E7E2F3
- panel.background#171128
- panel.border#2B2140
- panelTitle.activeBorder#A9EC72
- peekView.border#A9EC72
- peekViewEditor.background#1C1628
- peekViewResult.background#100D1A
- peekViewTitle.background#100D1A
- progressBar.background#A9EC72
- quickInput.background#100D1A
- quickInputList.focusBackground#372A54
- scrollbarSlider.background#2B214033
- scrollbarSlider.hoverBackground#4B3A7455
- sideBar.background#100D1A
- sideBar.border#100D1A
- sideBar.foreground#C6BDD9
- sideBarTitle.foreground#B9B0D2
- statusBar.background#090712
- statusBar.foreground#CEC6DF
- statusBarItem.remoteBackground#F57DB4
- statusBarItem.remoteForeground#120E1D
- tab.activeBackground#120E1D
- tab.activeBorder#A9EC72
- tab.activeForeground#E7E2F3
- tab.inactiveBackground#100D1A
- tab.inactiveForeground#9188AB
- terminal.ansiBlack#120E1D
- terminal.ansiBlue#A9EC72
- terminal.ansiBrightBlack#817999
- terminal.ansiBrightBlue#C3F19C
- terminal.ansiBrightCyan#C3F19C
- terminal.ansiBrightGreen#B2E89F
- terminal.ansiBrightMagenta#F57DB4
- terminal.ansiBrightRed#E06B74
- terminal.ansiBrightWhite#E7E2F3
- terminal.ansiBrightYellow#C3F19C
- terminal.ansiCyan#A9EC72
- terminal.ansiGreen#A9EC72
- terminal.ansiMagenta#F57DB4
- terminal.ansiRed#E06B74
- terminal.ansiWhite#E7E2F3
- terminal.ansiYellow#B2E89F
- terminal.background#130F21
- terminal.foreground#E7E2F3
- terminalCursor.foreground#A9EC72
- textLink.activeForeground#C3F19C
- textLink.foreground#A9EC72
- titleBar.activeBackground#090712
- titleBar.activeForeground#CEC6DF
- titleBar.inactiveBackground#090712
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.type.property-name.json, meta.structure.dictionary.json > string.quoted.json | #F57DB4 | — |
| meta.structure.dictionary.value.json string.quoted.double.json, meta.structure.array.json string.quoted.double.json | #A9EC72 | — |
| constant.numeric.json, constant.language.boolean.json, constant.language.null.json | #A9EC72 | — |
| punctuation.separator.dictionary.key-value.json, punctuation.separator.array.json | #8B7FB6 | — |
| comment, punctuation.definition.comment | #9188AB | italic |
| keyword, storage, keyword.control | #F57DB4 | — |
| entity.name.function, support.function | #A9EC72 | — |
| entity.name.tag, entity.name.tag.js, entity.name.tag.jsx, entity.name.tag.tsx, entity.name.type.jsx, entity.name.type.tsx, meta.tag.custom.jsx entity.name.type.jsx, meta.tag.custom.tsx entity.name.type.tsx, support.class.component, support.class.component.jsx, support.class.component.tsx | #F57DB4 | — |
| variable, meta.definition.variable.name | #EEEAFA | — |
| variable.parameter | #EEEAFA | — |
| string, constant.other.symbol | #B2E89F | — |
| constant.numeric, constant.language | #A9EC72 | — |
| entity.name.type, support.type | #C3F19C | — |
| entity.name.section, markup.heading | #A9EC72 | bold |
| constant.character.escape, support.constant | #A9EC72 | — |
| punctuation, meta.brace | #A49CC1 | — |