Better itg flat dark theme
Publisher: SurmonThemes in package: 2
Better itg.flat.dark theme for vscode. Base on Sublime Text
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.background#333842
- activityBar.foreground#D7DAE0
- activityBarBadge.background#21252b
- activityBarBadge.foreground#D7DAE0
- badge.background#21252b
- badge.foreground#D7DAE0
- button.background#21252b
- button.foreground#FFFFFF
- button.hoverBackground#6087CF
- diffEditor.insertedTextBackground#ffffff
- dropdown.background#353b45
- dropdown.border#181A1F
- editor.background#282C34
- editor.findMatchBackground#42557B
- editor.findMatchBorder#457dff
- editor.findMatchHighlightBackground#314365
- editor.foreground#eeeeee
- editor.lineHighlightBackground#3E44518c
- editor.selectionBackground#67769660
- editor.selectionHighlightBackground#ffffff10
- editor.selectionHighlightBorder#ddd
- editor.wordHighlightBackground#484e5b
- editor.wordHighlightBorder#7f848e
- editor.wordHighlightStrongBackground#abb2bf26
- editor.wordHighlightStrongBorder#7f848e
- editorActiveLineNumber.foreground#737984
- editorBracketMatch.background#515a6b
- editorBracketMatch.border#515a6b
- editorCursor.background#ffffffc9
- editorCursor.foreground#528bff
- editorError.foreground#c24038
- editorGroup.background#181A1F
- editorGroup.border#eeeeee
- editorGroupHeader.tabsBackground#21252B
- editorHoverWidget.background#21252B
- editorHoverWidget.border#eeeeee
- editorIndentGuide.activeBackground#C8C8C859
- editorIndentGuide.background#3B4048
- editorLineNumber.foreground#495162
- editorMarkerNavigation.background#21252b
- editorRuler.foreground#abb2bf26
- editorSuggestWidget.background#21252B
- editorSuggestWidget.border#eeeeee
- editorSuggestWidget.selectedBackground#2c313a
- editorWhitespace.foreground#3B4048
- editorWidget.background#21252B
- extensionButton.prominentBackground#2BA143
- extensionButton.prominentHoverBackground#37AF4E
- focusBorder#21252b
- input.background#1B1D23
- input.border#181A1F
- list.activeSelectionBackground#2C313A
- list.activeSelectionForeground#D7DAE0
- list.focusBackground#2C313A
- list.highlightForeground#D7DAE0
- list.hoverBackground#2C313A66
- list.inactiveSelectionBackground#2C313A
- list.inactiveSelectionForeground#D7DAE0
- notification.background#21252B
- peekView.border#21252b
- peekViewEditor.background#1B1D23
- peekViewResult.background#21252B
- peekViewResult.selectionBackground#2C313A
- peekViewTitle.background#1B1D23
- pickerGroup.border#21252b
- scrollbarSlider.activeBackground#747D9180
- scrollbarSlider.background#4E566680
- scrollbarSlider.hoverBackground#5A637580
- sideBar.background#21252B
- sideBarSectionHeader.background#333842
- statusBar.background#21252B
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#9DA5B4
- statusBar.noFolderBackground#21252B
- statusBarItem.hoverBackground#2C313A
- tab.activeBackground#282C34
- tab.border#181A1F
- tab.inactiveBackground#21252B
- titleBar.activeBackground#21252B
- titleBar.activeForeground#9DA5B4
- titleBar.inactiveBackground#21252B
- titleBar.inactiveForeground#9DA5B4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #d6d7d9 | — |
| comment | #5e6a75 | — |
| string | #f0da5e | — |
| constant.numeric | #74f1c6 | — |
| constant.language | #74f1c6 | — |
| constant.character, constant.other | #74f1c6 | — |
| variable | — | |
| entity | #f35656 | |
| keyword | #f35656 | — |
| storage | #f35656 | |
| storage.type | #74f1c6 | italic |
| entity.name.class | #a7e450 | underline |
| entity.other.inherited-class | #a7e450 | italic underline |
| entity.name.function | #a7e450 | |
| variable.parameter | #f3a056 | italic |
| entity.name.tag | #f35656 | |
| entity.other.attribute-name | #76e9c2 | |
| support.function | #74f1c6 | |
| support.constant | #74f1c6 | |
| support.type, support.class | #74f1c6 | italic |
| support.other.variable | — | |
| string constant | #74f1c6 | — |
| string.regexp | #F6AA11 | — |
| string variable | #FFFFFF | — |
| support.function | #74f1c6 | |
| meta.tag.sgml.doctype.xml, declaration.sgml.html declaration.doctype, declaration.sgml.html declaration.doctype entity, declaration.sgml.html declaration.doctype string, declaration.xml-processing, declaration.xml-processing entity, declaration.xml-processing string, doctype | #73817D | — |
| punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag | #FFFFFF | — |
| meta.selector.css entity.name.tag | #f35656 | underline |
| keyword.control.at-rule.import.css | #f35656 | — |
| meta.preprocessor.at-rule keyword.control.at-rule | #F6AA11 | — |
| meta.selector.css entity.other.attribute-name.id | #F6AA11 | — |
| meta.selector.css entity.other.attribute-name.class | #a7e450 | — |
| support.type.property-name.css | #74f1c6 | — |
| meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css | #F6F080 | — |
| meta.property-value support.constant.named-color.css, meta.property-value constant | #EDF080 | — |
| meta.constructor.argument.css | #F6AA11 | — |
| variable.other.less | #FFFFFF | — |
| entity.other.less.mixin | #9DF39F | — |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| meta.structure.dictionary.json string.quoted.double.json | #CFCFC2 | — |
| meta.diff, meta.diff.header | #5e6a75 | — |
| Markdown.deleted | #f35656 | — |
| Markdown.inserted | #a7e450 | — |
| Markdown.changed | #f0da5e | — |
| meta.diff, meta.diff.range | #3BC0F0 | — |
| text.html.markdown | #FFFFFF | — |
| text.html.markdown markup.raw.inline | #EC3533 | — |
| text.html.markdown meta.dummy.line-break | #E0EDDD | — |
| Markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #f3a056 | |
| markup.italic | #f35656DD | italic |
| markup.bold | #f35656 | bold |
| markup.underline | #a7e450 | underline |
| markup.quote, punctuation.definition.blockquote.markdown | #74f1c6 | italic |
| markup.quote | #74f1c6 | italic |
| string.other.link.title.markdown | #74f1c6 | underline |
| markup.raw.block | #74f1c6 | — |
| markup.raw.block.fenced.markdown | #FFFFFF | — |
| punctuation.definition.list_item.markdown | #93A1A1 | — |
| punctuation.definition.fenced.markdown, variable.language.fenced.markdown | #93A1A1 | — |
| variable.language.fenced.markdown | #C6CECE | italic |
| markup.table | #B42A1D | — |
| meta.separator | #FFFFFF33 | bold |
| markup.deleted.git_gutter | #f35656 | — |
| markup.inserted.git_gutter | #a7e450 | — |
| markup.changed.git_gutter | #967EFB | — |
| markup.ignored.git_gutter | #565656 | — |
| markup.untracked.git_gutter | #565656 | — |
| constant.numeric.line-number.find-in-files - match | #74f1c6A0 | — |
| entity.name.filename.find-in-files | #f0da5e | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...