One O Eight themes
Publisher: PoisotLabThemes in package: 7
Basic light/dark color theme
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.activeBorder#71B4B8
- activityBar.activeFocusBorder#88E3E0
- activityBar.background#301A35
- activityBar.foreground#E6E3DA
- activityBar.inactiveForeground#59475A
- badge.foreground#E6E3DA
- breadcrumb.background#1C0423
- breadcrumb.foreground#E6E3DA
- button.background#71B4B8
- button.border#88E3E0
- button.foreground#443048
- button.hoverBackground#88E3E0
- diffEditor.diagonalFill#44304844
- diffEditor.insertedTextBackground#71B4B822
- diffEditor.removedTextBackground#BB956F22
- dropdown.background#443048
- dropdown.border#4F3C51
- dropdown.foreground#E6E3DA
- dropdown.listBackground#443048
- editor.background#1C0423
- editor.findMatchBackground#BB956F66
- editor.findMatchHighlightBackground#BB956F33
- editor.findRangeHighlightBackground#BB956F10
- editor.foreground#E6E3DA
- editor.lineHighlightBorder#1C0423
- editor.selectionBackground#44304866
- editorCursor.foreground#A976C3
- editorGroup.border#301A35
- editorGroupHeader.tabsBackground#301A35
- editorGutter.addedBackground#92C083
- editorGutter.deletedBackground#BB6F84
- editorGutter.modifiedBackground#71B4B8
- editorIndentGuide.activeBackground1#59475A66
- editorIndentGuide.activeBackground2#59475A66
- editorIndentGuide.activeBackground3#59475A66
- editorIndentGuide.activeBackground4#59475A66
- editorIndentGuide.activeBackground5#59475A66
- editorIndentGuide.activeBackground6#59475A66
- editorIndentGuide.background1#3A253E66
- editorIndentGuide.background2#3A253E66
- editorIndentGuide.background3#3A253E66
- editorIndentGuide.background4#3A253E66
- editorIndentGuide.background5#3A253E66
- editorIndentGuide.background6#3A253E66
- editorLineNumber.activeForeground#59475A
- editorLineNumber.foreground#3A253E
- editorStickyScroll.shadow#3A253E66
- editorWidget.background#301A35
- editorWidget.border#3A253E
- editorWidget.foreground#E6E3DA
- foreground#E6E3DA
- gitDecoration.addedResourceForeground#B1F29D
- gitDecoration.deletedResourceForeground#E58C9E
- gitDecoration.ignoredResourceForeground#4F3C51
- gitDecoration.modifiedResourceForeground#88E3E0
- gitDecoration.untrackedResourceForeground#E58C9E
- icon.foreground#E6E3DA
- input.background#1C0423
- input.foreground#E6E3DA
- input.placeholderForeground#443048
- list.activeFocusBackground#443048
- list.activeSelectionBackground#443048
- list.activeSelectionForeground#E6E3DA
- list.focusAndSelectionOutline#301A35
- list.focusOutline#301A35
- list.highlightForeground#E6E3DA
- list.hoverBackground#4F3C51
- list.hoverForeground#E6E3DA
- list.inactiveFocusBackground#443048
- list.inactiveFocusOutline#301A35
- list.inactiveSelectionBackground#443048
- notebook.cellHoverBackground#301A3555
- notebook.focusedCellBackground#301A35
- notebook.focusedCellBorder#301A35
- notebook.focusedEditorBorder#CE94ED
- notebookStatusErrorIcon.foreground#BB6F84
- notebookStatusRunningIcon.foreground#71B4B8
- notebookStatusSuccessIcon.foreground#92C083
- panelStickyScroll.shadow#3A253E66
- panelTitle.activeForeground#59475A
- panelTitle.inactiveForeground#4F3C51
- pickerGroup.border#4F3C51
- quickInput.background#301A35
- quickInput.foreground#E6E3DA
- quickInputList.focusBackground#3A253E
- quickInputList.focusForeground#88E3E0
- scrollbar.shadow#3A253E66
- sideBar.background#301A35
- sideBar.border#301A35
- sideBar.dropBackground#71B4B8
- sideBarSectionHeader.background#3A253E
- sideBarSectionHeader.foreground#E6E3DA
- sideBarStickyScroll.background#3A253E
- sideBarStickyScroll.shadow#3A253E66
- sideBarTitle.foreground#E6E3DA
- statusBar.background#301A35
- statusBar.foreground#E6E3DA
- tab.activeBorderTop#71B4B8
- tab.activeForeground#E6E3DA
- tab.border#301A35
- tab.inactiveBackground#3A253E
- tab.inactiveForeground#E6E3DA
- tab.unfocusedActiveBackground#1C0423
- terminal.ansiBlue#88E3E0
- terminal.ansiBrightBlue#71B4B8
- terminal.ansiBrightGreen#92C083
- terminal.ansiBrightMagenta#A976C3
- terminal.ansiBrightRed#BB6F84
- terminal.ansiBrightYellow#BB956F
- terminal.ansiGreen#B1F29D
- terminal.ansiMagenta#CE94ED
- terminal.ansiRed#E58C9E
- terminal.ansiYellow#E5BC83
- terminal.background#1C0423
- terminal.border#301A35
- terminal.foreground#E6E3DA
- terminal.tab.activeBorder#CE94ED
- terminalCursor.background#CE94ED66
- terminalCursor.foreground#E6E3DA
- titleBar.activeBackground#301A35
- titleBar.activeForeground#E6E3DA
- titleBar.inactiveBackground#301A35
- titleBar.inactiveForeground#E6E3DA
- widgetStickyScroll.shadow#3A253E66
- window.activeBorder#301A35
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #AFA6A8 | — |
| support.type | #E5BC83 | — |
| support.function.macro | #BB6F84 | italic |
| constant | #E58C9E | — |
| constant.numeric | #B1F29D | — |
| constant.character.escape | #C1BAB9 | bold italic |
| keyword.operator | #C1BAB9 | — |
| keyword.operator.boolean | #71B4B8 | — |
| meta.bracket | #AFA6A8 | — |
| string | #92C083 | — |
| keyword | #CE94ED | — |
| variable.interpolation | #BB6F84 | — |
| entity.name.function | #88E3E0 | italic |
| support.function | #88E3E0 | — |
| entity.other.attribute-name.table.array.toml, entity.other.attribute-name.table.toml | #CE94ED | bold |
| entity.name.tag | #CE94ED | bold |
| string.quoted.single.yaml, string.quoted.double.yaml | #88E3E0 | — |
| markup.heading.markdown | #88E3E0 | bold |
| fenced_code.block.language | #CE94ED | italic |
| string.other.link.title.markdown, string.other.link.description.markdown | #B1F29D | bold |
| constant.other.reference.link.markdown | #BB956F | italic |
| markup.underline.link.markdown | #71B4B8 | underline |
| markup.inline.raw.string.markdown | #CE94ED | |
| markup.bold | — | bold |
| markup.italic | — | italic |
| string.other.link.description.markdown.citation | #C1BAB9 | underline |
| punctuation.definition | #9D9297 | — |