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#A74A6C
- activityBar.background#E6E1D8
- activityBar.foreground#4A3D58
- activityBarBadge.background#A74A6C
- activityBarBadge.foreground#F5F0E8
- badge.background#A74A6C30
- badge.foreground#3A3248
- button.background#A74A6C
- button.foreground#F0EBE3
- button.hoverBackground#A74A6C
- descriptionForeground#6E637B
- diffEditor.insertedLineBackground#24755C15
- diffEditor.insertedTextBackground#24755C22
- diffEditor.removedLineBackground#C7485215
- diffEditor.removedTextBackground#C7485222
- diffEditorGutter.insertedLineBackground#24755C22
- diffEditorGutter.removedLineBackground#C7485222
- editor.background#F0EBE3
- editor.findMatchBackground#E8C8D680
- editor.findMatchBorder#A74A6C
- editor.findMatchHighlightBackground#EAD6E066
- editor.foreground#3A3248
- editor.lineHighlightBackground#E9E4DB
- editor.selectionBackground#D0BED980
- editor.selectionHighlightBackground#DCD2E666
- editor.wordHighlightBackground#C7B3D78A
- editor.wordHighlightStrongBackground#B89DD0B0
- editorBracketHighlight.foreground1#3D5A99
- editorBracketHighlight.foreground2#536FA6
- editorBracketHighlight.foreground3#6A84B3
- editorBracketHighlight.foreground4#3D5A99
- editorBracketHighlight.foreground5#536FA6
- editorBracketHighlight.foreground6#6A84B3
- editorBracketMatch.background#E0D0EA80
- editorBracketMatch.border#3D5A99
- editorCodeLens.foreground#6E637B
- editorCursor.foreground#A74A6C
- editorError.foreground#C74852
- editorGhostText.foreground#6E637B
- editorGroupHeader.tabsBackground#EBE6DD
- editorGroupHeader.tabsBorder#EBE6DD
- editorGutter.addedBackground#24755C
- editorGutter.deletedBackground#C74852
- editorGutter.modifiedBackground#886308
- editorHoverWidget.background#F5F0E8
- editorHoverWidget.border#DED6E2
- editorHoverWidget.foreground#3A3248
- editorIndentGuide.activeBackground1#C0B3C6
- editorIndentGuide.background1#DED6E2
- editorInfo.foreground#3D5A99
- editorInlayHint.background#E3DCD680
- editorInlayHint.foreground#6E637B
- editorInlayHint.parameterBackground#E3DCD680
- editorInlayHint.parameterForeground#6E637B
- editorInlayHint.typeBackground#E3DCD680
- editorInlayHint.typeForeground#736094
- editorLineNumber.activeForeground#6E647F
- editorLineNumber.foreground#70647E
- editorOverviewRuler.border#DED6E2
- editorRuler.foreground#DED6E2
- editorSuggestWidget.background#F5F0E8
- editorSuggestWidget.border#DED6E2
- editorSuggestWidget.foreground#3A3248
- editorSuggestWidget.selectedBackground#DED3E6
- editorWarning.foreground#886308
- editorWhitespace.foreground#C0B3C6
- editorWidget.background#F5F0E8
- editorWidget.border#DED6E2
- errorForeground#C74852
- focusBorder#A74A6C66
- foreground#564966
- gitDecoration.deletedResourceForeground#C74852
- gitDecoration.ignoredResourceForeground#70647E
- gitDecoration.modifiedResourceForeground#886308
- gitDecoration.untrackedResourceForeground#24755C
- input.background#F5F0E8
- input.border#D6CCDC
- input.foreground#3A3248
- input.placeholderForeground#6E637B
- list.activeSelectionBackground#D6C6E0
- list.activeSelectionForeground#3A3248
- list.focusBackground#E6DEEA
- list.highlightForeground#A74A6C
- list.hoverBackground#E6DEEA
- list.inactiveSelectionBackground#E6DEEA
- menu.background#F5F0E8
- menu.foreground#3A3248
- menu.selectionBackground#D6C6E0
- minimap.background#F0EBE3
- notifications.background#F5F0E8
- notifications.foreground#3A3248
- panel.background#EBE6DD
- panel.border#DED6E2
- panelTitle.activeBorder#A74A6C
- peekView.border#A74A6C
- peekViewEditor.background#E9E4DB
- peekViewResult.background#EBE6DD
- peekViewTitle.background#EBE6DD
- progressBar.background#A74A6C
- quickInput.background#F5F0E8
- quickInputList.focusBackground#D6C6E0
- scrollbarSlider.background#C9BCCF33
- scrollbarSlider.hoverBackground#B0A0BE55
- sideBar.background#EBE6DD
- sideBar.border#EBE6DD
- sideBar.foreground#564966
- sideBarTitle.foreground#6E647F
- statusBar.background#E3DED5
- statusBar.foreground#4A3D58
- statusBarItem.remoteBackground#A74A6C
- statusBarItem.remoteForeground#F5F0E8
- tab.activeBackground#F0EBE3
- tab.activeBorder#A74A6C
- tab.activeForeground#3A3248
- tab.inactiveBackground#EBE6DD
- tab.inactiveForeground#6E637B
- terminal.ansiBlack#3A3248
- terminal.ansiBlue#3D5A99
- terminal.ansiBrightBlack#6E647F
- terminal.ansiBrightBlue#536FA6
- terminal.ansiBrightCyan#4D8E9C
- terminal.ansiBrightGreen#389E7E
- terminal.ansiBrightMagenta#C46B8E
- terminal.ansiBrightRed#D4586A
- terminal.ansiBrightWhite#F5F0E8
- terminal.ansiBrightYellow#C89720
- terminal.ansiCyan#3D7A8C
- terminal.ansiGreen#24755C
- terminal.ansiMagenta#A74A6C
- terminal.ansiRed#C74852
- terminal.ansiWhite#F0EBE3
- terminal.ansiYellow#886308
- terminal.background#EDE8E0
- terminal.foreground#3A3248
- terminalCursor.foreground#A74A6C
- textLink.activeForeground#A74A6C
- textLink.foreground#A74A6C
- titleBar.activeBackground#E3DED5
- titleBar.activeForeground#4A3D58
- titleBar.inactiveBackground#E3DED5
- widget.shadow#00000022
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.type.property-name.json, meta.structure.dictionary.json > string.quoted.json | #A74A6C | — |
| meta.structure.dictionary.value.json string.quoted.double.json, meta.structure.array.json string.quoted.double.json | #3D5A99 | — |
| constant.numeric.json, constant.language.boolean.json, constant.language.null.json | #7C58A2 | — |
| punctuation.separator.dictionary.key-value.json, punctuation.separator.array.json | #6F6286 | — |
| comment, punctuation.definition.comment | #6E637B | italic |
| keyword, storage, keyword.control | #A74A6C | — |
| entity.name.function, support.function | #3D5A99 | — |
| 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 | #A74A6C | — |
| variable, meta.definition.variable.name | #3A3248 | — |
| variable.parameter | #3A3248 | — |
| string, constant.other.symbol | #24755C | — |
| constant.numeric, constant.language | #886308 | — |
| entity.name.type, support.type | #736094 | — |
| entity.name.section, markup.heading | #3D5A99 | bold |
| constant.character.escape, support.constant | #886308 | — |
| punctuation, meta.brace | #6F6286 | — |