Orbit Theme
Publisher: monoookiThemes in package: 1
Bright, structure-first dark theme for quick code scans.
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#1D1E21
- activityBar.foreground#25A693
- activityBar.inactiveForeground#555555
- activityBarBadge.background#A8D137
- activityBarBadge.foreground#1D1E21
- badge.background#25A693
- badge.foreground#1D1E21
- button.background#25A693
- button.foreground#1D1E21
- button.hoverBackground#25A693dd
- commandCenter.activeBackground#242529
- commandCenter.activeBorder#00000000
- commandCenter.activeForeground#aaaaaa
- commandCenter.background#222326
- commandCenter.border#00000000
- commandCenter.foreground#888888
- commandCenter.hoverBorder#00000000
- commandCenter.inactiveForeground#888888
- debugToolBar.background#222326
- debugToolBar.border#00000000
- editor.background#1B1C1F
- editor.findMatchBackground#A8D13722
- editor.findMatchHighlightBackground#A8D13722
- editor.foreground#A8ACB5
- editor.lineHighlightBackground#ffffff03
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#aaaaaa11
- editor.selectionHighlightBackground#ffffff11
- editor.selectionHighlightBorder#00000000
- editor.wordHighlightBackground#ffffff1a
- editor.wordHighlightStrongBackground#ffffff1a
- editorError.background#D092C30f
- editorError.foreground#D092C3
- editorGroup.border#ffffff0f
- editorGroupHeader.tabsBackground#1D1E21
- editorGroupHeader.tabsBorder#00000000
- editorGutter.background#1B1C1F
- editorGutter.foldingControlForeground#ffffff33
- editorIndentGuide.background#ffffff0f
- editorInfo.foreground#A8D137
- editorLineNumber.activeForeground#aaaaaa
- editorLineNumber.foreground#333333
- editorOverviewRuler.border#00000000
- editorOverviewRuler.errorForeground#D092C3
- editorWarning.foreground#A4B371
- editorWidget.background#1B1C1F
- editorWidget.hoverBackground#00000000
- explorer.decorations.ignoredForeground#555555
- focusBorder#ffffff11
- gitDecoration.ignoredResourceForeground#555555
- input.background#202124
- input.border#00000000
- input.foreground#cccccc
- input.placeholderForeground#888888
- list.activeSelectionBackground#ffffff06
- list.activeSelectionForeground#cccccc
- list.deemphasizedForeground#555555
- list.focusBackground#ffffff12
- list.focusForeground#eeeeee
- list.focusOutline#00000000
- list.highlightForeground#25A693
- list.hoverBackground#00000000
- list.hoverForeground#dddddd
- list.inactiveSelectionBackground#ffffff06
- list.inactiveSelectionForeground#eeeeee
- list.selectedBackground#ffffff06
- panel.background#1D1E21
- panel.border#0000000f
- panelTitle.activeBorder#A8D137
- panelTitle.activeForeground#d9d9d9
- panelTitle.inactiveForeground#979797
- pickerGroup.border#00000000
- pickerGroup.foreground#25A693
- quickInput.background#222326
- quickInput.foreground#aaaaaa
- quickInput.list.focusBackground#ffffff09
- quickInput.list.focusForeground#eeeeee
- quickInputTitle.textForeground#25A693
- scrollbar.shadow#1D1E2177
- scrollbarSlider.activeBackground#00000033
- scrollbarSlider.background#00000033
- scrollbarSlider.hoverBackground#00000022
- sideBar.background#1D1E21
- sideBar.border#00000000
- sideBar.foreground#979797
- sideBarSectionHeader.background#1D1E21
- sideBarSectionHeader.border#00000000
- sideBarSectionHeader.foreground#ffffffbb
- statusBar.background#1D1E21
- statusBar.border#00000000
- statusBar.debuggingBackground#25A693
- statusBar.debuggingForeground#ffffffc0
- statusBar.foreground#979797
- statusBar.noFolderBackground#1D1E21
- statusBarItem.hoverBackground#00000000
- statusBarItem.hoverForeground#fffffff0
- tab.activeBackground#1B1C1F
- tab.activeBorderTop#A8D137
- tab.activeForeground#d9d9d9
- tab.border#00000000
- tab.hoverBackground#222326
- tab.inactiveBackground#1D1E21
- tab.unfocusedActiveBackground#1B1C1F
- tab.unfocusedInactiveBackground#18191B
- terminal.ansiBlack#1B1C1F
- terminal.ansiBlue#1F8A7D
- terminal.ansiBrightBlack#2A2C31
- terminal.ansiBrightBlue#2CC0B1
- terminal.ansiBrightCyan#37D6C5
- terminal.ansiBrightGreen#C5E152
- terminal.ansiBrightMagenta#E2C4FF
- terminal.ansiBrightRed#E3B8EA
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#D5EB6D
- terminal.ansiCyan#25A693
- terminal.ansiGreen#93BA2F
- terminal.ansiMagenta#C8A1E8
- terminal.ansiRed#C889C4
- terminal.ansiWhite#e6e8ed
- terminal.ansiYellow#B3C73F
- terminal.background#1D1E21
- terminal.foreground#aaaaaa
- textLink.activeForeground#25A693
- textLink.foreground#25A693
- titleBar.activeBackground#1D1E21
- titleBar.activeForeground#777777
- titleBar.border#00000000
- titleBar.inactiveBackground#1D1E21
- titleBar.inactiveForeground#555555
- toolbar.activeBackground#ffffff11
- toolbar.hoverBackground#ffffff0a
- toolbar.hoverOutline#00000000
- widget.shadow#00000022
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #444444 | italic |
| punctuation.definition.comment.php, punctuation.section.comment.haml | #666666 | — |
| punctuation, meta.brace, keyword.operator.accessor | #555555 | — |
| punctuation.separator.colon.python | #eeeeee | — |
| punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts | #888888 | — |
| keyword.operator | #eeeeee | — |
| keyword.control, keyword.other.import, keyword.other.export, storage.type, storage.modifier, storage.type.function.arrow.js, storage.type.function.arrow.ts, punctuation.definition.arrow.php | #cccccc | — |
| keyword.control.flow.python | #eeeeee | — |
| keyword.command.batchfile | #25A693 | — |
| storage.modifier, storage.type.modifier, storage.modifier.access, storage.modifier.c, storage.modifier.cpp, storage.modifier.java, storage.modifier.ruby, storage.modifier.visibility, keyword.other.access, keyword.other.access.visibility, keyword.other.access.visibility.java | #cccccc | — |
| keyword.default.zig | #777777 | — |
| keyword.storage.zig | #cccccc | — |
| constant.other.placeholder.makefile | #96B445 | — |
| keyword.operator.type | #cccccc | — |
| keyword.operator.new, constant.language.null.ts | #979797 | — |
| storage.type, storage.type.ts, keyword.declaration | #777777 | — |
| variable, variable.other.readwrite | #bbbbbb | — |
| variable.parameter | #999999 | — |
| variable.other.property, support.variable.property, variable.other.object.property | #25A693 | — |
| meta.object-literal.key.ts | #25A693 | — |
| variable.other.constant, variable.language, meta.definition.variable, variable.other.readwrite | #96B445 | — |
| constant.numeric, constant.language, constant.character, keyword.other.unit | #96B445 | — |
| string | #96B445 | — |
| punctuation.definition.string, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.begin.js, punctuation.definition.string.end.js, punctuation.definition.string.begin.ts, punctuation.definition.string.end.ts, punctuation.definition.string.begin.jsx, punctuation.definition.string.end.jsx, punctuation.definition.string.begin.tsx, punctuation.definition.string.end.tsx, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, punctuation.definition.string.begin.ruby, punctuation.definition.string.end.ruby, punctuation.definition.string.begin.go, punctuation.definition.string.end.go, punctuation.definition.string.begin.kotlin, punctuation.definition.string.end.kotlin, punctuation.definition.string.begin.java, punctuation.definition.string.end.java, punctuation.definition.string.begin.c, punctuation.definition.string.end.c, punctuation.definition.string.begin.cpp, punctuation.definition.string.end.cpp, punctuation.definition.string.begin.c++, punctuation.definition.string.end.c++, support.type.property-name.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #ffffff66 | — |
| entity.name.function, meta.function-call, variable.function, support.function | #25A693 | — |
| entity.name.type, entity.name.class, support.type, support.class | #25A693 | — |
| storage.type.namespace, storage.type.namespace.cpp, storage.type.namespace.definition.cpp, keyword.other.namespace.definition.cpp, meta.head.namespace.cpp, meta.block.namespace.cpp | #25A693 | — |
| entity.other.inherited-class | #25A693 | — |
| support.type.primitive, entity.name.type, support.type, meta.type.annotation | #96B445 | — |
| entity.name.tag.jsx, entity.name.tag.tsx, entity.name.tag.js.jsx | #25A693 | — |
| punctuation.definition.tag.begin.jsx, punctuation.definition.tag.end.jsx, punctuation.definition.tag.begin.js.jsx, punctuation.definition.tag.end.js.jsx, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx | #555555 | — |
| entity.other.attribute-name | #637B20 | — |
| entity.name.tag, punctuation.definition.tag | #25A693 | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.html, meta.tag.metadata.self-closing.html, meta.tag.structure.head.end.html, punctuation.definition.tag.xml | #555555 | — |
| entity.name.tag.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css | #25A693 | — |
| entity.other.attribute-name.class.css | #bbbbbb | — |
| entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.attribute | #96B445 | — |
| support.type.property-name.css | #25A693 | — |
| keyword.other.important.css, keyword.other.important.scss, keyword.other.important.less, keyword.other.important.sass | #eeeeee | — |
| constant.numeric.css, support.constant.property-value.css, support.constant.color.w3c-standard-color-name.css, punctuation.definition.constant.css | — | — |
| meta.property-value.css | #96B445 | — |
| punctuation.definition.entity.css | #999999 | — |
| keyword.other.unit.css, keyword.other.unit.px.css, keyword.other.unit.em.css, keyword.other.unit.rem.css, keyword.other.unit.vh.css, keyword.other.unit.vw.css, keyword.other.unit.%, keyword.other.unit.percentage.css, keyword.other.unit.fr.css | #637B20 | — |
| variable.scss, variable.other.less | #dddddd | — |
| support.type.property-name.json, keyword.other.definition.ini | #25A693 | — |
| variable.key.dotenv | #25A693 | — |
| property.value.dotenv | #96B445 | — |
| support.type.property-name.table.toml, support.type.property-name.toml, keyword.other.definition.toml | #25A693 | — |
| string.quoted.single.basic.line.toml, string.quoted.double.basic.line.toml | #96B445 | — |
| keyword.other.special-method.ruby, source.ruby.embedded.filter.haml | #eeeeee | — |
| source.ruby.embedded.haml, constant.language.symbol.hashkey.ruby | #25A693 | — |
| comment | — | italic |
| keyword.other.import, keyword.other.export, keyword.control.import, keyword.control.import.ts, keyword.control.import.js, keyword.control.export, keyword.control.export.ts, keyword.control.export.js, storage.modifier.async, keyword.other.use.php | — | italic |
| string.other.start.yaml, string.other.end.yaml | #666666 | — |
| markup.heading, markup.heading.markdown, entity.name.section.markdown | #25A693 | bold |
| punctuation.definition.heading.markdown, punctuation.definition.heading.setext | #666666 | — |
| markup.bold, markup.bold.markdown | #25A693 | bold |
| punctuation.definition.bold.markdown | #96B445 | — |
| punctuation.definition.italic.markdown | #96B445 | — |
| markup.italic.markdown | #25A693 | italic |
| markup.table, markup.table.markdown | #96B445 | — |
| punctuation.definition.table.markdown, punctuation.separator.table.markdown | #555555 | — |
| punctuation.definition.markdown | #606060 | — |
| markup.fenced_code.block.markdown | #A8B682 | — |
| punctuation.definition.list.begin.markdown, punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown | #666666 | — |
| meta.separator.markdown | #96B445 | — |
| constant.other.reference.link.markdown | #3E8AB0 | — |
| markup.underline.link.markdown | #3E8AB0 | — |
| punctuation.definition.raw.markdown | #606060 | — |
| markup.inline.raw.string.markdown | #A8B682 | — |
| fenced_code.block.language.markdown | #444444 | — |
| markup.inline.raw.code.markdown, markup.inline.raw.code.mdx | #25A693 | — |
| keyword.other.use.php, keyword.other.rust, keyword.other.sql, keyword.other.DML.sql, keyword.other.alias.sql | #eeeeee | — |
| comment.block.html, comment.block.html.markdown, meta.tag.sgml.doctype | #444444 | italic |
| keyword, keyword.control, storage, storage.type | #cccccc | — |
| operator, keyword.operator.assignment | #eeeeee | — |
| string.quoted, string.regexp | #96B445 | — |
| invalid, invalid.deprecated, invalid.illegal | #dddddd | — |
| entity.name.class, entity.name.type, entity.name.type.module, support.class, support.class.component, support.class.promise.js, support.class.promise.ts | #25A693 | — |
| entity.name.function, support.function, support.function.misc.css, meta.function.variable.css | #25A693 | — |
| support.other.module, text.html.derivative | #25A693 | — |
| entity.name.tag | #25A693 | — |
| markup.quote, markup.quote.markdown, markup.italic | #A8B682 | italic |
| punctuation.definition.list.begin.markdown | #666666 | — |
| meta.diff.header.from-file, punctuation.definition.from-file.diff | #96B445 | bold |
| meta.diff.header.to-file, punctuation.definition.to-file.diff | #25A693 | bold |
| meta.diff, meta.diff.context, meta.diff.header, meta.diff.index, meta.diff.range, meta.separator.diff | #3E8AB0 | — |
| markup.inserted.diff, punctuation.definition.inserted.diff | #AB5C9A | — |
| markup.deleted.diff | #25A693 | — |
| markup.changed.diff | #96B445 | — |
| punctuation.definition.range.diff | #25A693 | — |
| variable.other.object.js, variable.other.object.js.jsx | #bbbbbb | — |