Omi Theme
Publisher: Omprakash ChauhanThemes in package: 12
A modern, eye-friendly VS Code theme optimized for web and mobile development with both light and dark variants
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.activeBackground#3B4252
- activityBar.activeBorder#88C0D0
- activityBar.background#2E3440
- activityBar.border#4C566A
- activityBar.foreground#D8DEE9
- button.background#3B4252
- button.border#4C566A
- button.foreground#D8DEE9
- button.hoverBackground#4C566A
- debugIcon.continueForeground#A3BE8C
- debugIcon.disconnectForeground#EBCB8B
- debugIcon.pauseForeground#EBCB8B
- debugIcon.restartForeground#A3BE8C
- debugIcon.startForeground#A3BE8C
- debugIcon.stepBackForeground#81A1C1
- debugIcon.stepIntoForeground#88C0D0
- debugIcon.stepOutForeground#88C0D0
- debugIcon.stepOverForeground#88C0D0
- debugIcon.stopForeground#BF616A
- debugToolBar.background#3B4252
- dropdown.background#3B4252
- dropdown.border#4C566A
- dropdown.foreground#D8DEE9
- editor.background#2E3440
- editor.findMatchBackground#EBCB8B55
- editor.findMatchBorder#EBCB8B
- editor.findMatchHighlightBackground#EBCB8B25
- editor.findMatchHighlightBorder#EBCB8B70
- editor.foreground#D8DEE9
- editor.inactiveSelectionBackground#81A1C125
- editor.lineHighlightBackground#3B4252
- editor.selectionBackground#81A1C140
- editor.selectionHighlightBackground#81A1C120
- editor.selectionHighlightBorder#81A1C160
- editor.wordHighlightBackground#88C0D040
- editor.wordHighlightBorder#88C0D090
- editor.wordHighlightStrongBackground#B48EAD40
- editor.wordHighlightStrongBorder#B48EAD
- editorGroup.border#4C566A
- editorGroupHeader.tabsBorder#3B4252
- editorIndentGuide.activeBackground#4C566A
- editorIndentGuide.background#3B4252
- editorLineNumber.activeForeground#88C0D0
- editorLineNumber.foreground#4C566A
- editorSuggestWidget.background#3B4252
- editorSuggestWidget.border#4C566A
- editorSuggestWidget.highlightForeground#88C0D0
- editorSuggestWidget.selectedBackground#4C566A
- editorWidget.background#3B4252
- editorWidget.border#4C566A
- extensionButton.prominentBackground#88C0D0
- extensionButton.prominentForeground#2E3440
- extensionButton.prominentHoverBackground#81A1C1
- gitDecoration.addedResourceForeground#A3BE8C
- gitDecoration.conflictingResourceForeground#BF616A
- gitDecoration.deletedResourceForeground#BF616A
- gitDecoration.ignoredResourceForeground#4C566A
- gitDecoration.modifiedResourceForeground#EBCB8B
- gitDecoration.renamedResourceForeground#88C0D0
- gitDecoration.untrackedResourceForeground#B48EAD
- input.background#3B4252
- input.border#4C566A
- input.foreground#D8DEE9
- input.placeholderForeground#4C566A
- list.activeSelectionBackground#3B4252
- list.activeSelectionForeground#88C0D0
- list.background#2E3440
- list.focusBackground#3B4252
- list.focusForeground#88C0D0
- list.foreground#D8DEE9
- list.hoverBackground#3B4252
- list.inactiveSelectionBackground#3B4252
- list.inactiveSelectionForeground#D8DEE9
- notification.background#3B4252
- notification.border#4C566A
- notification.foreground#D8DEE9
- panel.background#2E3440
- panel.border#4C566A
- peekView.border#88C0D0
- peekViewEditor.background#2E3440
- peekViewEditor.matchHighlightBackground#EBCB8B40
- peekViewResult.background#3B4252
- peekViewResult.fileForeground#D8DEE9
- peekViewResult.lineForeground#4C566A
- peekViewResult.matchHighlightBackground#EBCB8B40
- peekViewTitle.background#3B4252
- peekViewTitleDescription.foreground#4C566A
- peekViewTitleLabel.foreground#D8DEE9
- progressBar.background#88C0D0
- scrollbar.shadow#2E3440
- scrollbarSlider.activeBackground#88C0D0
- scrollbarSlider.background#4C566A
- scrollbarSlider.hoverBackground#81A1C1
- sideBar.background#2E3440
- sideBar.border#4C566A
- sideBar.foreground#D8DEE9
- sideBarSectionHeader.background#3B4252
- sideBarSectionHeader.border#4C566A
- sideBarSectionHeader.foreground#88C0D0
- sideBarTitle.foreground#88C0D0
- statusBar.background#2E3440
- statusBar.border#4C566A
- statusBar.debuggingBackground#EBCB8B
- statusBar.debuggingForeground#2E3440
- statusBar.foreground#D8DEE9
- tab.activeBackground#3B4252
- tab.activeBorder#88C0D0
- tab.activeBorderTop#88C0D0
- tab.activeForeground#D8DEE9
- tab.border#3B4252
- tab.inactiveBackground#2E3440
- tab.inactiveForeground#4C566A
- terminal.background#2E3440
- terminal.foreground#D8DEE9
- titleBar.activeBackground#2E3440
- titleBar.activeForeground#D8DEE9
- titleBar.border#4C566A
- titleBar.inactiveBackground#2E3440
- titleBar.inactiveForeground#4C566A
- tree.indentGuidesStroke#3B4252
- tree.tableColumnsBorder#4C566A
- welcomePage.background#2E3440
- welcomePage.progress.background#88C0D0
- welcomePage.progress.foreground#D8DEE9
- welcomePage.tileBackground#3B4252
- welcomePage.tileBorder#4C566A
- welcomePage.tileHoverBackground#4C566A
- widget.shadow#2E3440
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block, comment.line.double-slash, comment.line.number-sign | #616E88 | italic |
| variable, variable.other, variable.parameter, variable.language, string constant.other.placeholder | #D8DEE9 | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal, invalid.broken | #D8DEE9 | — |
| keyword, storage.type, storage.modifier | #81A1C1 | — |
| storage.type, keyword.control | — | italic |
| keyword.operator, punctuation, meta.tag, punctuation.definition.tag, punctuation.definition.tag.html, punctuation.section.embedded | #81A1C1 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #81A1C1 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level | #88C0D0 | — |
| constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit | #B48EAD | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter | #A3BE8C | normal |
| entity.name.class, entity.name.type.class, support.type, support.class, markup.changed.git_gutter, support.type.sys-types | #8FBCBB | — |
| source.css support.type, source.sass support.type, source.scss support.type | #8FBCBB | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #BF616A | — |
| variable.language | #81A1C1 | italic |
| entity.name.method.js | #88C0D0 | — |
| entity.other.attribute-name | #8FBCBB | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #EBCB8B | italic |
| entity.other.attribute-name.class | #EBCB8B | — |
| markup.inserted | #A3BE8C | — |
| markup.deleted | #BF616A | — |
| markup.changed | #EBCB8B | — |
| string.regexp | #EBCB8B | — |
| constant.character.escape | #88C0D0 | — |
| *url*, *link*, *uri* | — | underline |
| entity.name.filename.find-in-files | #A3BE8C | — |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #B48EAD | italic |
| source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json | #88C0D0 | — |
| source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json | #81A1C1 | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #88C0D0 | — |
| markup.italic | #A3BE8C | italic |
| markup.bold, markup.bold string | #EBCB8B | bold |
| markup.bold markup.italic, markup.italic markup.bold | — | bold italic |
| markup.underline | #8FBCBB | underline |
| string.other.link.title.markdown | #88C0D0 | — |
| string.other.link.description.title.markdown | #B48EAD | — |
| markup.table | #D8DEE9 | — |
| markup.inserted.git_gutter | #A3BE8C | — |
| markup.changed.git_gutter | #EBCB8B | — |
| markup.deleted.git_gutter | #BF616A | — |
| brackethighlighter.default | #D8DEE9 | — |
| brackethighlighter.unmatched | #BF616A | — |