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#63C8BC
- activityBar.background#081320
- activityBar.foreground#CBE0E8
- activityBarBadge.background#D95E63
- activityBarBadge.foreground#0B1B24
- badge.background#63C8BC40
- badge.foreground#97DCD4
- button.background#63C8BC
- button.foreground#0B1B24
- button.hoverBackground#97DCD4
- descriptionForeground#6E8EAE
- diffEditor.insertedLineBackground#8BD5B215
- diffEditor.insertedTextBackground#8BD5B222
- diffEditor.removedLineBackground#D95E6315
- diffEditor.removedTextBackground#D95E6322
- diffEditorGutter.insertedLineBackground#8BD5B222
- diffEditorGutter.removedLineBackground#D95E6322
- editor.background#0B1B24
- editor.findMatchBackground#A65A4A80
- editor.findMatchBorder#63C8BC
- editor.findMatchHighlightBackground#6A4B4666
- editor.foreground#DCEAF1
- editor.lineHighlightBackground#0F2330
- editor.selectionBackground#1F3D49
- editor.selectionHighlightBackground#19323B99
- editor.wordHighlightBackground#2E6E7C8A
- editor.wordHighlightStrongBackground#3A8F9FB0
- editorBracketHighlight.foreground1#63C8BC
- editorBracketHighlight.foreground2#8BD5B2
- editorBracketHighlight.foreground3#97DCD4
- editorBracketHighlight.foreground4#63C8BC
- editorBracketHighlight.foreground5#8BD5B2
- editorBracketHighlight.foreground6#97DCD4
- editorBracketMatch.background#28515D55
- editorBracketMatch.border#63C8BC88
- editorCodeLens.foreground#6E8EAE
- editorCursor.foreground#EDC372
- editorError.foreground#FF5A5A
- editorGhostText.foreground#6E8EAE
- editorGroupHeader.tabsBackground#0B1720
- editorGroupHeader.tabsBorder#0B1720
- editorGutter.addedBackground#8BD5B2
- editorGutter.deletedBackground#FF5A5A
- editorGutter.modifiedBackground#EDC372
- editorHoverWidget.background#0B1720
- editorHoverWidget.border#1C333C
- editorHoverWidget.foreground#DCEAF1
- editorIndentGuide.activeBackground1#2F6270
- editorIndentGuide.background1#1C333C
- editorInfo.foreground#63C8BC
- editorInlayHint.background#1F3D4980
- editorInlayHint.foreground#6E8EAE
- editorInlayHint.parameterBackground#1F3D4980
- editorInlayHint.parameterForeground#6E8EAE
- editorInlayHint.typeBackground#1F3D4980
- editorInlayHint.typeForeground#97DCD4
- editorLineNumber.activeForeground#97B9C6
- editorLineNumber.foreground#658895
- editorOverviewRuler.border#1C333C
- editorRuler.foreground#1C333C
- editorSuggestWidget.background#0B1720
- editorSuggestWidget.border#1C333C
- editorSuggestWidget.foreground#DCEAF1
- editorSuggestWidget.selectedBackground#1F3D49
- editorWarning.foreground#EDC372
- editorWhitespace.foreground#2F6270
- editorWidget.background#0B1720
- editorWidget.border#1C333C
- errorForeground#FF5A5A
- focusBorder#63C8BC66
- foreground#B3CBD4
- gitDecoration.deletedResourceForeground#FF5A5A
- gitDecoration.ignoredResourceForeground#658895
- gitDecoration.modifiedResourceForeground#EDC372
- gitDecoration.untrackedResourceForeground#8BD5B2
- input.background#0F2330
- input.border#1C333C
- input.foreground#DCEAF1
- input.placeholderForeground#6E8EAE
- list.activeSelectionBackground#1F3D49
- list.activeSelectionForeground#DCEAF1
- list.focusBackground#152A35
- list.highlightForeground#63C8BC
- list.hoverBackground#152A35
- list.inactiveSelectionBackground#152A35
- menu.background#0B1720
- menu.foreground#DCEAF1
- menu.selectionBackground#1F3D49
- minimap.background#0B1B24
- notifications.background#0B1720
- notifications.foreground#DCEAF1
- panel.background#0E1C2D
- panel.border#1C333C
- panelTitle.activeBorder#63C8BC
- peekView.border#63C8BC
- peekViewEditor.background#0F2330
- peekViewResult.background#0B1720
- peekViewTitle.background#0B1720
- progressBar.background#63C8BC
- quickInput.background#0B1720
- quickInputList.focusBackground#1F3D49
- scrollbarSlider.background#1C333C33
- scrollbarSlider.hoverBackground#2F627055
- sideBar.background#0B1720
- sideBar.border#0B1720
- sideBar.foreground#B3CBD4
- sideBarTitle.foreground#97B9C6
- statusBar.background#070F1A
- statusBar.foreground#BCD3EB
- statusBarItem.remoteBackground#D95E63
- statusBarItem.remoteForeground#0B1B24
- tab.activeBackground#0B1B24
- tab.activeBorder#63C8BC
- tab.activeForeground#DCEAF1
- tab.inactiveBackground#0B1720
- tab.inactiveForeground#6E8EAE
- terminal.ansiBlack#0B1B24
- terminal.ansiBlue#63C8BC
- terminal.ansiBrightBlack#658895
- terminal.ansiBrightBlue#97DCD4
- terminal.ansiBrightCyan#97DCD4
- terminal.ansiBrightGreen#8BD5B2
- terminal.ansiBrightMagenta#D95E63
- terminal.ansiBrightRed#D95E63
- terminal.ansiBrightWhite#DCEAF1
- terminal.ansiBrightYellow#EDC372
- terminal.ansiCyan#63C8BC
- terminal.ansiGreen#8BD5B2
- terminal.ansiMagenta#D95E63
- terminal.ansiRed#D95E63
- terminal.ansiWhite#DCEAF1
- terminal.ansiYellow#EDC372
- terminal.background#0C1827
- terminal.foreground#DCEAF1
- terminalCursor.foreground#EDC372
- textLink.activeForeground#97DCD4
- textLink.foreground#63C8BC
- titleBar.activeBackground#070F1A
- titleBar.activeForeground#BCD3EB
- titleBar.inactiveBackground#070F1A
- 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 | #D95E63 | — |
| meta.structure.dictionary.value.json string.quoted.double.json, meta.structure.array.json string.quoted.double.json | #63C8BC | — |
| constant.numeric.json, constant.language.boolean.json, constant.language.null.json | #EDC372 | — |
| punctuation.separator.dictionary.key-value.json, punctuation.separator.array.json | #6EA9A3 | — |
| comment, punctuation.definition.comment | #6E8EAE | italic |
| keyword, storage, keyword.control | #D95E63 | — |
| entity.name.function, support.function | #63C8BC | — |
| 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.jsx, support.class.component, support.class.component.jsx, support.class.component.tsx | #D95E63 | — |
| variable, meta.definition.variable.name | #E5EFFB | — |
| variable.parameter | #E5EFFB | — |
| string, constant.other.symbol | #8BD5B2 | — |
| constant.numeric, constant.language | #EDC372 | — |
| entity.name.type, support.type | #97DCD4 | — |
| entity.name.section, markup.heading | #63C8BC | bold |
| constant.character.escape, support.constant | #EDC372 | — |
| punctuation, meta.brace | #8EADB7 | — |