Eiji Otieno Dark Theme
Publisher: Eiji OtienoThemes in package: 1
A theme for night coders
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.activeBorder#ffffff00
- activityBar.background#101010
- activityBar.foreground#ffffffff
- activityBar.inactiveForeground#ffffff30
- activityBarBadge.background#0062ff
- activityBarBadge.foreground#ffffff
- breadcrumb.activeSelectionForeground#ffffff
- breadcrumb.focusForeground#ffffff90
- breadcrumb.foreground#ffffff30
- button.background#0062ff
- checkbox.background#101010
- commandCenter.background#181818
- commandCenter.border#252525
- commandCenter.foreground#ffffff
- contrastBorder#00000000
- debugConsole.errorForeground#ff4141
- debugConsole.infoForeground#ffffff
- debugConsole.warningForeground#9000ff
- debugToolBar.background#141414
- dropdown.background#181818
- dropdown.border#252525
- dropdown.foreground#ffffff
- dropdown.listBackground#181818
- editor.background#141414
- editor.foldBackground#101010
- editor.foreground#ffffff
- editor.hoverHighlightBackground#ffffff10
- editor.lineHighlightBackground#101010
- editor.selectionBackground#ffffff10
- editor.wordHighlightTextBackground#ffffff10
- editorBracketHighlight.foreground1#00ff6e
- editorBracketHighlight.foreground2#00e1ff
- editorBracketHighlight.foreground3#c569ff
- editorCursor.foreground#ffe100
- editorGroup.border#202020
- editorHoverWidget.background#181818
- editorHoverWidget.border#252525
- editorIndentGuide.background#ffffff08
- editorInfo.background#141414
- editorLightBulb.foreground#ffb700
- editorLineNumber.activeForeground#ffffff
- editorLineNumber.foreground#ffffff25
- editorLink.activeForeground#00fffb
- editorMarkerNavigation.background#141414
- editorSuggestWidget.focusHighlightForeground#00fffb
- editorSuggestWidget.foreground#ffffff95
- editorSuggestWidget.highlightForeground#00fffb
- editorSuggestWidget.selectedBackground#101010
- editorWidget.background#181818
- editorWidget.border#252525
- errorForeground#ff4141
- focusBorder#00000000
- icon.foreground#ffffffaa
- input.background#101010
- input.border#141414
- input.foreground#ffffff
- list.activeSelectionBackground#0d0d0d
- list.activeSelectionForeground#ffffff
- list.dropBackground#181818
- list.errorForeground#ff4141
- list.hoverBackground#101010
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#0d0d0d
- list.inactiveSelectionForeground#ffffff
- menu.background#181818
- menu.border#252525
- menu.foreground#ffffff
- menu.selectionBackground#0c0c0c
- menu.selectionBorder#ffffff00
- menu.selectionForeground#ffffff
- menu.separatorBackground#ffffff10
- notebook.cellBorderColor#00000000
- notebook.cellEditorBackground#101010
- notebook.cellToolbarSeparator#ffffff75
- notebook.editorBackground#141414
- notebook.focusedCellBorder#ffffff75
- notebook.focusedEditorBorder#ffffff50
- notebook.outputContainerBackgroundColor#ffffff08
- panel.background#141414
- panel.border#101010
- panelTitle.activeBorder#ffffff00
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#ffffff30
- scrollbar.shadow#ffffff00
- scrollbarSlider.background#202020
- settings.checkboxBackground#101010
- settings.checkboxBorder#202020
- settings.dropdownBackground#101010
- settings.dropdownBorder#202020
- settings.numberInputBackground#101010
- settings.rowHoverBackground#101010
- settings.textInputBackground#101010
- settings.textInputBorder#202020
- sideBar.background#101010
- sideBar.foreground#ffffff60
- sideBarSectionHeader.background#101010
- sideBarSectionHeader.foreground#ffffff90
- sideBarTitle.foreground#ffffff
- statusBar.background#101010
- statusBar.debuggingBackground#ffffff
- statusBar.debuggingForeground#000000
- statusBar.foreground#ffffff30
- statusBar.noFolderBackground#101010
- tab.activeBackground#141414
- tab.activeForeground#ffffff
- tab.border#ffffff00
- tab.hoverForeground#ffffffaa
- tab.inactiveBackground#101010
- tab.inactiveForeground#ffffff60
- terminal.ansiBlack#000000
- terminal.ansiBlue#0051ff
- terminal.ansiBrightBlack#4A4A4A
- terminal.ansiBrightBlue#00e1ff
- terminal.ansiBrightCyan#00b7ff
- terminal.ansiBrightGreen#707070
- terminal.ansiBrightMagenta#9900ff
- terminal.ansiBrightRed#ff002b
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffa600
- terminal.ansiCyan#00b7ff
- terminal.ansiGreen#99ff00
- terminal.ansiMagenta#9900ff
- terminal.ansiRed#ff002b
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#ffa600
- terminalCursor.foreground#ffa600
- titleBar.activeBackground#101010
- titleBar.activeForeground#ffffffaa
- titleBar.inactiveBackground#101010
- titleBar.inactiveForeground#ffffffaa
- toolbar.hoverBackground#000000
- welcomePage.background#141414
- welcomePage.progress.foreground#0062ff
- welcomePage.tileBackground#101010
- welcomePage.tileHoverBackground#ffffff10
- widget.shadow#ffffff00
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #ffffff | |
| comment, punctuation.definition.comment, string.quoted.docstring | #ffffff30 | italic |
| variable, string constant.other.placeholder | #3ea8ff | italic bold |
| keyword | #888888 | |
| storage.type | #00ffd9 | |
| storage.modifier | #00ff6e | |
| string | #ffe53d | italic |
| variable.other.constant | #ff5e66 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #77ff6b | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #F78C6C | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C17E70 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #82AAFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f07178 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C3E88D | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #ffeeee | — |
| entity.name.function | #5ef2ff | |
| support.function | #ff8400 | |
| variable.parameter.function.language.special, variable.parameter | #FF5370 | — |
| entity.name | #fa8c42 | underline |
| support.type | #ff45b5 | bold |
| support.class | #C792EA | bold |
| meta.function-call | #fa8c42 | |
| constant | #ff7700 | |
| keyword.operator | #ffffff | |
| keyword.operator.assignment | #ffffffcc |