Dark Marine
Publisher: Mustafiz KaifeeThemes in package: 1
A dark theme with a marine blue background
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#20303e
- activityBar.foreground#FF9D23
- activityBar.inactiveForeground#E5D0AC80
- activityBarBadge.background#C14600
- activityBarBadge.foreground#FEF9E1
- button.background#30485d
- button.foreground#FEF9E1
- button.hoverBackground#354450
- editor.background#20303e
- editor.findMatchBackground#C14600
- editor.findMatchHighlightBackground#FF9D2340
- editor.foreground#E5D0AC
- editor.lineHighlightBackground#3D8D7A20
- editor.lineHighlightBorder#3D8D7A00
- editor.selectionBackground#24578d
- editor.selectionHighlightBackground#3674B580
- editor.wordHighlightBackground#3D8D7A40
- editorCursor.foreground#FF9D23
- editorGroupHeader.tabsBackground#22303c
- editorIndentGuide.activeBackground1#3D8D7A
- editorIndentGuide.background1#3D8D7A40
- editorLineNumber.activeForeground#FF9D23
- editorLineNumber.foreground#3D8D7A
- editorWhitespace.foreground#3D8D7A40
- editorWidget.background#20303e
- editorWidget.resizeBorder#FF9D23
- focusBorder#22303c
- foreground#E5D0AC
- input.background#20303e
- input.border#3D8D7A40
- input.foreground#E5D0AC
- list.activeSelectionBackground#334558
- list.activeSelectionForeground#FEF9E1
- list.focusBackground#3674B5
- list.focusForeground#FEF9E1
- list.highlightForeground#FF9D23
- list.hoverBackground#3D8D7A40
- list.inactiveSelectionBackground#20303e
- notifications.background#20303e
- notifications.foreground#E5D0AC
- pickerGroup.foreground#FF9D23
- selection.background#20303e
- sideBar.background#22303c
- sideBar.border#3D8D7A40
- sideBar.foreground#E5D0AC
- sideBarSectionHeader.background#20303e
- sideBarSectionHeader.border#3D8D7A40
- sideBarSectionHeader.foreground#FEF9E1
- sideBarTitle.foreground#FF9D23
- statusBar.background#513729
- statusBar.debuggingBackground#FF9D23
- statusBar.foreground#FEF9E1
- statusBar.noFolderBackground#20303e
- statusBarItem.remoteBackground#3D8D7A
- statusBarItem.remoteForeground#FEF9E1
- tab.activeBackground#20303e
- tab.activeForeground#FF9D23
- tab.inactiveBackground#1c2935
- tab.inactiveForeground#e5c998
- terminal.ansiBlack#20303e
- terminal.ansiBlue#3674B5
- terminal.ansiCyan#3D8D7A
- terminal.ansiGreen#3D8D7A
- terminal.ansiMagenta#C14600
- terminal.ansiRed#C14600
- terminal.ansiWhite#FEF9E1
- terminal.ansiYellow#FF9D23
- terminal.background#20303e
- terminal.foreground#E5D0AC
- titleBar.activeBackground#20303e
- titleBar.activeForeground#E5D0AC
- titleBar.inactiveBackground#20303e
- titleBar.inactiveForeground#E5D0AC80
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #E5D0AC | — |
| meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python | #E5D0AC | — |
| comment, punctuation.definition.comment | #3D8D7A | italic |
| comment.block.preprocessor | #3D8D7A | |
| comment.documentation, comment.block.documentation, comment.block.documentation punctuation.definition.comment | #3D8D7A | — |
| invalid | #C14600 | — |
| invalid.illegal | #C14600 | — |
| keyword.operator | #E5D0AC | — |
| keyword, storage | #FF9D23 | — |
| storage.type, support.type | #7bddbb | — |
| constant.language, support.constant, variable.language | #FF9D23 | — |
| variable, support.variable | #E5D0AC | — |
| entity.name.function, support.function | #9db4ce | bold |
| entity.name.type, entity.name.namespace, entity.name.scope-resolution, entity.other.inherited-class, support.class | #FF9D23 | bold |
| entity.name.exception | #f47b84 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #f0c677 | — |
| string | #90c17d | — |
| constant.character.escape | #b6bcc8 | — |
| string.regexp | #7cb8f1 | — |
| constant.other.symbol | #f0c677 | — |
| punctuation | #b6bcc8 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #4a5261 | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #7cb8f1 | — |
| entity.name.tag | #7cb8f1 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #f0c677 | italic |
| markup.changed | #f0c677 | — |
| markup.deleted | #f47b84 | — |
| markup.inserted | #90c17d | — |
| meta.link | #7cb8f1 | — |
| markup.heading | #7cb8f1 | — |
| markup.quote | #f0c677 | — |
| markup.list | #7cb8f1 | — |
| markup.bold, markup.italic | #90c17d | — |
| markup.inline.raw | #f0c677 |