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#6FE8FF
- activityBar.background#090812
- activityBar.foreground#D4D0E5
- activityBarBadge.background#A97CFF
- activityBarBadge.foreground#100D1A
- badge.background#6FE8FF40
- badge.foreground#A7DFFF
- button.background#6FE8FF
- button.foreground#100D1A
- button.hoverBackground#A7DFFF
- descriptionForeground#8C87A7
- diffEditor.insertedLineBackground#8CE3F215
- diffEditor.insertedTextBackground#8CE3F222
- diffEditor.removedLineBackground#E06B7415
- diffEditor.removedTextBackground#E06B7422
- diffEditorGutter.insertedLineBackground#8CE3F222
- diffEditorGutter.removedLineBackground#E06B7422
- editor.background#100D1A
- editor.findMatchBackground#6852A180
- editor.findMatchBorder#6FE8FF
- editor.findMatchHighlightBackground#564B7066
- editor.foreground#E5E2F2
- editor.lineHighlightBackground#1A1528
- editor.selectionBackground#332A4B
- editor.selectionHighlightBackground#271F3B99
- editor.wordHighlightBackground#4E3B7B8A
- editor.wordHighlightStrongBackground#6B4EB5B0
- editorBracketHighlight.foreground1#6FE8FF
- editorBracketHighlight.foreground2#8CE3F2
- editorBracketHighlight.foreground3#A7DFFF
- editorBracketHighlight.foreground4#6FE8FF
- editorBracketHighlight.foreground5#8CE3F2
- editorBracketHighlight.foreground6#A7DFFF
- editorBracketMatch.background#3A306080
- editorBracketMatch.border#6FE8FF88
- editorCodeLens.foreground#8C87A7
- editorCursor.foreground#6FE8FF
- editorError.foreground#E06B74
- editorGhostText.foreground#8C87A7
- editorGroupHeader.tabsBackground#0D0C17
- editorGroupHeader.tabsBorder#0D0C17
- editorGutter.addedBackground#8CE3F2
- editorGutter.deletedBackground#E06B74
- editorGutter.modifiedBackground#E7C85A
- editorHoverWidget.background#0D0C17
- editorHoverWidget.border#2A2340
- editorHoverWidget.foreground#E5E2F2
- editorIndentGuide.activeBackground1#463873
- editorIndentGuide.background1#2A2340
- editorInfo.foreground#6FE8FF
- editorInlayHint.background#332A4B80
- editorInlayHint.foreground#8C87A7
- editorInlayHint.parameterBackground#332A4B80
- editorInlayHint.parameterForeground#8C87A7
- editorInlayHint.typeBackground#332A4B80
- editorInlayHint.typeForeground#A7DFFF
- editorLineNumber.activeForeground#BBB5D3
- editorLineNumber.foreground#807B97
- editorOverviewRuler.border#2A2340
- editorRuler.foreground#2A2340
- editorSuggestWidget.background#0D0C17
- editorSuggestWidget.border#2A2340
- editorSuggestWidget.foreground#E5E2F2
- editorSuggestWidget.selectedBackground#332A4B
- editorWarning.foreground#E7C85A
- editorWhitespace.foreground#463873
- editorWidget.background#0D0C17
- editorWidget.border#2A2340
- errorForeground#E06B74
- focusBorder#6FE8FF66
- foreground#C2BDD8
- gitDecoration.deletedResourceForeground#E06B74
- gitDecoration.ignoredResourceForeground#807B97
- gitDecoration.modifiedResourceForeground#E7C85A
- gitDecoration.untrackedResourceForeground#8CE3F2
- input.background#1A1528
- input.border#2A2340
- input.foreground#E5E2F2
- input.placeholderForeground#8C87A7
- list.activeSelectionBackground#332A4B
- list.activeSelectionForeground#E5E2F2
- list.focusBackground#271F3B
- list.highlightForeground#6FE8FF
- list.hoverBackground#271F3B
- list.inactiveSelectionBackground#271F3B
- menu.background#0D0C17
- menu.foreground#E5E2F2
- menu.selectionBackground#332A4B
- minimap.background#100D1A
- notifications.background#0D0C17
- notifications.foreground#E5E2F2
- panel.background#141224
- panel.border#2A2340
- panelTitle.activeBorder#6FE8FF
- peekView.border#6FE8FF
- peekViewEditor.background#1A1528
- peekViewResult.background#0D0C17
- peekViewTitle.background#0D0C17
- progressBar.background#6FE8FF
- quickInput.background#0D0C17
- quickInputList.focusBackground#332A4B
- scrollbarSlider.background#2A234033
- scrollbarSlider.hoverBackground#46387355
- sideBar.background#0D0C17
- sideBar.border#0D0C17
- sideBar.foreground#C2BDD8
- sideBarTitle.foreground#BBB5D3
- statusBar.background#070710
- statusBar.foreground#CBC6DF
- statusBarItem.remoteBackground#A97CFF
- statusBarItem.remoteForeground#100D1A
- tab.activeBackground#100D1A
- tab.activeBorder#6FE8FF
- tab.activeForeground#E5E2F2
- tab.inactiveBackground#0D0C17
- tab.inactiveForeground#8C87A7
- terminal.ansiBlack#100D1A
- terminal.ansiBlue#6FE8FF
- terminal.ansiBrightBlack#807B97
- terminal.ansiBrightBlue#A7DFFF
- terminal.ansiBrightCyan#A7DFFF
- terminal.ansiBrightGreen#8CE3F2
- terminal.ansiBrightMagenta#A97CFF
- terminal.ansiBrightRed#E06B74
- terminal.ansiBrightWhite#E5E2F2
- terminal.ansiBrightYellow#D2B3FF
- terminal.ansiCyan#6FE8FF
- terminal.ansiGreen#8CE3F2
- terminal.ansiMagenta#A97CFF
- terminal.ansiRed#E06B74
- terminal.ansiWhite#E5E2F2
- terminal.ansiYellow#D2B3FF
- terminal.background#110F20
- terminal.foreground#E5E2F2
- terminalCursor.foreground#6FE8FF
- textLink.activeForeground#A7DFFF
- textLink.foreground#6FE8FF
- titleBar.activeBackground#070710
- titleBar.activeForeground#CBC6DF
- titleBar.inactiveBackground#070710
- 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 | #A97CFF | — |
| meta.structure.dictionary.value.json string.quoted.double.json, meta.structure.array.json string.quoted.double.json | #8CE3F2 | — |
| constant.numeric.json, constant.language.boolean.json, constant.language.null.json | #C4A4FF | — |
| punctuation.separator.dictionary.key-value.json, punctuation.separator.array.json | #8D80B3 | — |
| comment, punctuation.definition.comment | #8C87A7 | italic |
| keyword, storage, keyword.control | #A97CFF | — |
| entity.name.function, support.function | #6FE8FF | — |
| 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 | #A97CFF | — |
| variable, meta.definition.variable.name | #ECE9F8 | — |
| variable.parameter | #ECE9F8 | — |
| string, constant.other.symbol | #8CE3F2 | — |
| constant.numeric, constant.language | #D2B3FF | — |
| entity.name.type, support.type | #A7DFFF | — |
| entity.name.section, markup.heading | #6FE8FF | bold |
| constant.character.escape, support.constant | #D2B3FF | — |
| punctuation, meta.brace | #A59FC2 | — |