Stark Industries
Publisher: Colin StarkThemes in package: 1
A muted dark theme, partially inspired by Monokai.
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.activeBackground#181818
- activityBar.activeBorder#ffffff00
- activityBar.activeFocusBorder#ffffff50
- activityBar.background#181818
- activityBar.dropBorder#FC3768
- activityBar.foreground#ffffff
- activityBar.inactiveForeground#ffffff50
- activityBarBadge.background#FC3768
- activityBarBadge.foreground#ffffff
- button.background#0066da
- button.foreground#ffffff
- button.hoverBackground#0170f0
- diffEditor.insertedTextBackground#66f0aa0c
- diffEditor.removedTextBackground#f878611a
- dropdown.background#111111
- editor.background#282828
- editor.findMatchBackground#0066da60
- editor.findMatchHighlightBackground#0066da60
- editor.findRangeHighlightBackground#0066da60
- editor.foreground#eeeeee
- editor.lineHighlightBackground#00000045
- editor.selectionBackground#378cfc30
- editor.wordHighlightBackground#00000060
- editor.wordHighlightStrongBackground#00000060
- editorBracketMatch.background#00000060
- editorBracketMatch.border#00000000
- editorCursor.background#ffffff
- editorCursor.foreground#FC3768
- editorGroup.border#000000
- editorGroupHeader.tabsBackground#111111
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#2fa878
- editorGutter.deletedBackground#FC3768
- editorGutter.modifiedBackground#fcc146
- editorIndentGuide.background#ffffff22
- editorLineNumber.activeForeground#999999
- editorLineNumber.foreground#444444
- editorSuggestWidget.background#fff
- editorSuggestWidget.foreground#000
- editorSuggestWidget.highlightForeground#0066da
- editorSuggestWidget.selectedBackground#ddd
- editorWhitespace.foreground#ffffff22
- editorWidget.background#111111
- editorWidget.border#ffffff00
- editorWidget.foreground#eeeeee
- focusBorder#ffffff00
- foreground#bbbbbb
- gitDecoration.deletedResourceForeground#FC3768
- gitDecoration.ignoredResourceForeground#3a3a3a
- gitDecoration.modifiedResourceForeground#fcc146
- gitDecoration.untrackedResourceForeground#2fa878
- input.background#111111
- input.border#ffffff00
- input.foreground#fff
- input.placeholderForeground#555
- list.activeSelectionBackground#0066da
- list.activeSelectionForeground#ffffff
- list.filterMatchBackground#0066da70
- list.focusBackground#ffffff20
- list.highlightForeground#fcc146
- list.hoverBackground#ffffff10
- list.inactiveSelectionBackground#ffffff20
- list.inactiveSelectionForeground#d5d9e2
- listFilterWidget.background#0066da70
- panel.background#111111
- panel.border#00000099
- peekView.border#111111
- peekViewEditor.background#333333
- peekViewEditor.matchHighlightBackground#0066da60
- peekViewResult.background#111111
- peekViewResult.matchHighlightBackground#0066da60
- peekViewTitle.background#111111
- pickerGroup.foreground#555555
- progressBar.background#2fa878
- scrollbar.shadow#000000aa
- scrollbarSlider.activeBackground#000000bb
- scrollbarSlider.background#00000080
- scrollbarSlider.hoverBackground#0000009a
- searchEditor.findMatchBackground#0066da60
- selection.background#84c6f1
- sideBar.background#181818
- sideBar.border#00000099
- sideBarSectionHeader.background#FF00FF00
- sideBarSectionHeader.border#00000099
- sideBarTitle.foreground#ffffff
- statusBar.background#111111
- statusBar.border#00000099
- statusBar.debuggingBackground#0066da
- statusBar.debuggingForeground#ffffff99
- statusBar.foreground#aaaaaa
- statusBar.noFolderBackground#000000
- tab.activeBackground#282828
- tab.activeBorder#0066da00
- tab.activeForeground#eee
- tab.activeModifiedBorder#ffffff40
- tab.inactiveBackground#00000000
- tab.inactiveForeground#777
- tab.inactiveModifiedBorder#ffffff40
- tab.unfocusedActiveBackground#141414
- tab.unfocusedActiveBorder#44444400
- tab.unfocusedActiveForeground#ffffff50
- tab.unfocusedActiveModifiedBorder#ffffff40
- tab.unfocusedInactiveBackground#00000000
- tab.unfocusedInactiveForeground#ffffff30
- tab.unfocusedInactiveModifiedBorder#ffffff40
- terminal.ansiBlack#000000
- terminal.ansiBlue#0066da
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#84c6f1
- terminal.ansiBrightCyan#02E6D7
- terminal.ansiBrightGreen#5de4ae
- terminal.ansiBrightMagenta#908CFF
- terminal.ansiBrightRed#FC3768
- terminal.ansiBrightWhite#e5e5e5
- terminal.ansiBrightYellow#ffc062
- terminal.ansiCyan#02E6D7
- terminal.ansiGreen#2fa878
- terminal.ansiMagenta#908CFF
- terminal.ansiRed#FC3768
- terminal.ansiWhite#e5e5e5
- terminal.ansiYellow#ffc062
- terminal.background#111111
- terminal.border#00000099
- textLink.foreground#FC3768
- titleBar.activeBackground#111111
- titleBar.activeForeground#ffffff99
- titleBar.border#00000099
- titleBar.inactiveBackground#111111
- titleBar.inactiveForeground#ffffff40
- widget.shadow#00000044
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, string.comment | #777777 | — |
| string, string.template | #ffc062 | — |
| constant.numeric | #908CFF | — |
| constant.numeric.css, constant.numeric.scss | #5de4ae | — |
| string.embedded.begin, string.embedded.end, punctuation.definition.template-expression, punctuation.section.embedded | #FC3768 | — |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.section.embedded.begin.erb, punctuation.section.embedded.end.erb, punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.ruby, source.elixir.embedded, punctuation.separator, punctuation.accessor, meta.brace, constant.language.import-export-all | #cabdaa | — |
| constant.language, support.class.builtin, constant.character, constant.other, support.type.primitive, meta.import.tsx | #FC3768 | — |
| variable.language, keyword.control.flow, support.function.builtin | #FC3768 | — |
| keyword, meta.import | #FC3768 | — |
| constant.character.escape | #908CFF | — |
| keyword.operator.logical, keyword.operator.constructor, keyword.operator.ternary, keyword.operator.comparison, keyword.operator.relational, keyword.operator.increment, keyword.operator.decrement, keyword.control.conditional, keyword.control.trycatch, keyword.control.start-block | #5de4ae | — |
| keyword.control.flow, storage.modifier.async | #908CFF | — |
| keyword, meta.import | #FC3768 | — |
| support.class.console | #908CFF | italic |
| meta.decorator.tsx, meta.decorator.ts, punctuation.decorator.ts, variable.other.readwrite.tsx, variable.other.readwrite.ts, punctuation.definition.entity.ts, constant.character.entity | #908CFF | italic |
| constant.language.boolean | #908CFF | |
| keyword.operator, storage.type.function.arrow | #cabdaa | |
| storage.type.function.arrow | #908CFF | — |
| storage | #dba88d | — |
| storage.modifier | #cabdaa88 | italic |
| storage.type | #FC3768 | — |
| entity.name.class, entity.name.module, entity.name.type, storage.identifier, support.class | #FC3768 | — |
| variable.other.object, variable.other.constant, variable.other.global, variable.other.readwrite.class, variable.other.readwrite.instance, variable.other.readwrite.batchfile, variable.other.readwrite, variable.other.php, variable.readwrite, variable.readwrite.other.block, entity.name.function.decorator | #84c6f1 | — |
| variable.other, variable.other.property, variable.other.block, entity.name.function | #cabdaa | — |
| entity.other.inherited-class | #908CFF | — |
| storage.modifier.import, storage.modifier.package, keyword.control.import, keyword.control.from, keyword.control.export, keyword.control.default, support.type.object.module, support.function.js | #FC3768 | italic |
| entity.name.function, support.function, meta.function-call | #84c6f1 | — |
| variable.parameter, entity.name.variable.parameter, parameter.variable | #cabdaa99 | italic |
| entity.name.function-call | #FC3768 | — |
| function.support.builtin, function.support.core | #5DE4AE | — |
| entity.name.tag, entity.name.tag.class.js, entity.name.tag, entity.name.tag.class.js, entity.name.tag.class.jsx, punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #cabdaa | — |
| entity.name.tag.template.html, entity.name.tag.script.html, entity.name.tag.style.html | #ffffff | — |
| entity.name.tag.class, entity.name.tag.id, entity.name.type.class, support.class.component.js, support.class.component.jsx | #84c6f1 | — |
| meta.tag.block.any, meta.tag.attributes.js | #FC3768 | — |
| meta.directive, meta.directive.vue | #5de4ae | — |
| support.constant | #908CFF | — |
| support.type, support.variable | #cabdaa | — |
| support.dictionary.json, meta.object-literal.key.js | #cabdaa | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.less, support.type.property-name.sass | #cabdaa | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.scss, entity.other.attribute-name.pseudo-class.less, entity.other.attribute-name.pseudo-class.sass, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-element.scss, entity.other.attribute-name.pseudo-element.less, entity.other.attribute-name.pseudo-element.sass | #cabdaabb | — |
| support.constant.css, support.constant.scss, support.constant.less, support.constant.sass | #908CFF | — |
| variable.css, variable.scss, variable.less, variable.sass, entity.name.tag.reference | #FC3768 | — |
| variable.css.string, variable.scss.string, variable.less.string, variable.sass.string | #ffc062 | — |
| unit.css, unit.scss, unit.less, unit.sass, keyword.other.unit | #FC3768 | — |
| function.css, function.scss, function.less, function.sass | #5de4ae | — |
| support.other.variable | — | |
| invalid | #ff0000 | — |
| support.type.property-name.json | #cabdaa | — |
| string.detected-link | #84c6f1 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #FC3768 | — |
| markup.inserted | #98c379 | — |
| markup.changed | #e5c07b | — |
| constant.numeric.line-number.find-in-files - match | #56b6c2A0 | — |
| entity.name.filename.find-in-files | #e5c07b | — |
| markup.italic, markup.italic.markdown | — | italic |
| punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.heading.markdown | #676f7d | — |
| punctuation.definition.italic.markdown | — | italic |
| markup.underline.link.markdown | #84C6F1 | — |
| markup.bold.markdown | — | bold |
| markup.heading.markdown | #cabdaa | bold |
| markup.quote.markdown | #908CFF | — |
| meta.separator.markdown | #CABDAA | bold |
| markup.raw.inline.markdown, markup.raw.block.markdown | #84C6F1 | — |
| text.html.markdown.jsx | #ffffff | — |
| punctuation.definition.list_item.markdown | #ffffff | bold |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name, keyword.control.at-rule, support.type.primitive.ts | #5DE4AE | — |
| keyword.other.important.css, keyword.other.important.scss, keyword.other.important.scss | #FC3768 | — |
| entity.other.attribute-name.id.css, entity.other.attribute-name.id.scss | #ffffff | — |
| entity.other.attribute-name.class | #ffffff | — |
| entity.name.tag.css, entity.name.tag.wildcard.css, entity.name.tag.wildcard.scss | #ffffff | — |
| variable.other.readwrite.css, variable.other.readwrite.scss | #908CFF | — |
| meta.var | #acacac | — |