Flatland Dark Theme
Publisher: Theo StylesThemes in package: 1
Flatland Dark Theme for Visual Studio Code
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.activeFocusBorder#515456
- activityBar.background#313437
- activityBar.border#515456
- breadcrumb.background#313437
- breadcrumb.foreground#eee
- button.background#2095f0
- dropdown.background#4b4f53
- dropdown.border#4b4f53
- dropdown.foreground#fff
- dropdown.listBackground#4b4f53
- editor.background#26292C
- editor.findMatchBackground#ffe792
- editor.foreground#F8F8F8
- editor.inactiveSelectionBackground#3C3F42
- editor.lineHighlightBackground#202325
- editor.selectionBackground#515559
- editor.selectionHighlightBackground#515559
- editorCursor.foreground#BBBCBD
- editorGroupHeader.tabsBackground#131416
- editorGroupHeader.tabsBorder#515456
- editorIndentGuide.activeBackground#73797b60
- editorIndentGuide.background#73797b30
- editorLineNumber.foreground#73797b75
- editorWhitespace.foreground#7a8288
- gitDecoration.addedResourceForeground#b8d977
- gitDecoration.conflictingResourceForeground#72AACA
- gitDecoration.deletedResourceForeground#FFB454
- gitDecoration.ignoredResourceForeground#72AACA
- gitDecoration.modifiedResourceForeground#72AACA
- gitDecoration.stageDeletedResourceForeground#FFB454
- gitDecoration.stageModifiedResourceForeground#72AACA
- gitDecoration.submoduleResourceForeground#72AACA
- gitDecoration.untrackedResourceForeground#72AACA
- list.activeSelectionBackground#2095f0
- list.focusBackground#2095f0
- list.focusForeground#fff
- list.highlightForeground#fff
- menu.background#4b4f53
- sideBar.background#313437
- sideBar.border#313437
- sideBar.foreground#dedede
- sideBarSectionHeader.background#4b4f53
- statusBar.background#4b4f53
- tab.activeBackground#4b4f53
- tab.inactiveBackground#32363b
- titleBar.activeBackground#313437
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #798188 | |
| constant | #b8d977 | — |
| entity | #72AACA | |
| entity.name.function.js | #FFB454 | |
| keyword | #fa9a4b | |
| keyword.control.flow.js | #72AACA | |
| storage | #F6F080 | |
| meta.method.declaration.js storage.type.js, meta.definition.method.js entity.name.function.js | #72AACA | |
| meta.method.declaration.js meta.var.expr.js storage.type.js | #F6F080 | |
| meta.parameters.js, meta.brace.round.js | #fff | |
| string | #C4E2F2 | |
| support | #72AACA | |
| support.variable.property.js | #ffffff | |
| variable | #FB9A4B | — |
| variable.other.property.js, variable.other.object.property.js | #ffffff | — |
| variable.other.object.js | #FB9A4B | — |
| meta.function-call.js variable.other.object.js | #FB9A4B | — |
| invalid | #F8F8F8 | — |
| text source | — | — |
| text.html.ruby source | — | — |
| entity.other.inherited-class | #B7D877 | |
| string.quoted source | #B7D877 | |
| string constant | #B7D877 | — |
| string.regexp | #FFB454 | — |
| string variable | #EDEF7D | — |
| support.function | #FFB454 | |
| support.constant | #B7D877 | |
| other.preprocessor.c | #8996A8 | — |
| other.preprocessor.c entity | #AFC4DB | — |
| declaration.tag, declaration.tag entity, meta.tag, meta.tag entity | #B7D877 | — |
| meta.selector.css entity.name.tag | #f5f080 | — |
| meta.selector.css entity.other.attribute-name.id | #FFB454 | — |
| meta.selector.css entity.other.attribute-name.class | #b6d877 | — |
| support.type.property-name.css | #72AACA | — |
| meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css | #F6F080 | — |
| meta.preprocessor.at-rule keyword.control.at-rule | #F6AA11 | — |
| meta.property-value support.constant.named-color.css, meta.property-value constant | #EDF080 | — |
| meta.constructor.argument.css | #EB939A | — |
| meta.diff, meta.diff.header | #F8F8F8 | |
| markup.deleted | #EB939A | — |
| markup.changed | #72AACA | — |
| markup.inserted | #B7D877 | — |
| markup.deleted.git_gutter | #EB939A | — |
| markup.changed.git_gutter | #72AACA | — |
| markup.inserted.git_gutter | #B7D877 | — |
| markup.ignored.git_gutter | #798188 | — |
| markup.untracked.git_gutter | #798188 | — |
| sublimelinter.outline.notes | — | — |
| sublimelinter.outline.illegal | — | — |
| sublimelinter.underline.illegal | — | — |
| sublimelinter.outline.warning | — | — |
| sublimelinter.underline.warning | — | — |
| sublimelinter.outline.violation | — | — |
| sublimelinter.underline.violation | — | — |
| entity.other.attribute-name.id.html | #FFB454 | — |
| entity.other.attribute-name.html | #EDF080 | — |
| punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag | #65A4A4 | — |
| keyword.control.at-rule.import.css | #f7f09d | — |
| variable.other.less | #b6d877 | — |
| entity.other.less.mixin | #b6d877 | — |
| source.css.less keyword.unit.css | #EB939A | — |
| entity.other.attribute-name.angular.html, source.angular.embedded.html | #FF3A83 | — |
| constant.character.entity.html | #F1E94B | — |
| variable.other.readwrite.instance.coffee | #b6d877 | — |
| meta.brace.round.coffee, meta.brace.square.coffee | #F6F080 | — |
| punctuation.section.embedded.coffee | #b6d877 | — |
| variable.assignment.coffee variable.assignment.coffee | #FFFFFF | — |
| meta.delimiter.method.period.coffee | #FFAA00 | — |
| meta.brace.curly.coffee | #b6d877 | — |
| 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 | — |
| brackethighlighter.default | #72AACA | — |
| level-1 | #452323 | — |
| level0 | #234523 | — |
| level1 | #232345 | — |
| level2 | #454523 | — |
| level3 | #452345 | — |
| level4 | #234545 | — |
| level5 | #634141 | — |
| level6 | #416341 | — |
| level7 | #414163 | — |
| level8 | #636341 | — |
| level9 | #634163 | — |
| level10 | #416363 | — |
| entity.name.class, entity.name.type.class | #72AACA | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #b6d877 | — |
| variable.language | #FB9A4B | — |
| meta.group.braces.curly.js constant.other.object.key.js string.unquoted.label.js | #FFFFFF | — |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #FFFFFF | — |
| source.js constant.other.object.key.js string.unquoted.label.js | #FFFFFF | — |
| variable.function | #FFB454 | — |
| meta.group.braces.curly meta.property.object variable.other.object, meta.group.braces.round meta.property.object variable.other.object | #FFFFFF | — |
| keyword.operator.accessor.js | #FFFFFF | — |
| meta.class variable.other.property.static, meta.class variable.other.readwrite -meta.group.braces.curly.js -meta.parameter | #b6d877 | — |
| meta.class.js meta.property.class.js variable.other.class.js | #72AACA | — |
| punctuation.separator.key-value.js | #FFFFFF | — |
| meta.function-call.static.with-arguments.js variable.other.class.js | #72AACA | — |
| variable.function.constructor.js | #72AACA | — |
| meta.mapping.key.json string.quoted.double | #72AACA | — |
| entity.name.tag.css, entity.other.attribute-name.class.css | #b6d877 | — |
| entity.name.tag.reference.scss, entity.name.function.scss | #FA9A4B | — |
| entity.name.function.scss | #FFB454 | — |
| entity.name.tag.css, entity.name.tag.wildcard.scss | #F6F080 | — |
| entity.other.attribute-name.id.css | #FFB454 | — |
| meta.attribute-selector.scss | #C4E2F2 | — |
| meta.attribute-selector.scss | #C4E2F2 | — |
| invalid.deprecated.color.system.css | #F6F080 | — |
| meta.property-value.scss support.type.property-name.css | #F6F080 | — |
| variable.other.readwrite.js.jsx | #FB9A4B | — |
| punctuation.definition.template-expression.begin.js.jsx, meta.brace.square.js.jsx, punctuation.definition.template-expression.end.js.jsx | #fff | — |