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#74B2B0
- activityBar.activeFocusBorder#8DD9D1
- activityBar.background#2B3446
- activityBar.foreground#FAF7F5
- activityBar.inactiveForeground#59606E
- badge.foreground#FAF7F5
- breadcrumb.background#141F33
- breadcrumb.foreground#FAF7F5
- button.background#74B2B0
- button.border#8DD9D1
- button.foreground#424A5A
- button.hoverBackground#8DD9D1
- diffEditor.diagonalFill#424A5A44
- diffEditor.insertedTextBackground#74B2B022
- diffEditor.removedTextBackground#B0947A22
- dropdown.background#424A5A
- dropdown.border#4E5564
- dropdown.foreground#FAF7F5
- dropdown.listBackground#424A5A
- editor.background#141F33
- editor.findMatchBackground#B0947A66
- editor.findMatchHighlightBackground#B0947A33
- editor.findRangeHighlightBackground#B0947A10
- editor.foreground#FAF7F5
- editor.lineHighlightBorder#141F33
- editor.selectionBackground#424A5A66
- editorCursor.foreground#8984CC
- editorGroup.border#2B3446
- editorGroupHeader.tabsBackground#2B3446
- editorGutter.addedBackground#86B27A
- editorGutter.deletedBackground#BA7C9B
- editorGutter.modifiedBackground#74B2B0
- editorIndentGuide.activeBackground1#59606E66
- editorIndentGuide.activeBackground2#59606E66
- editorIndentGuide.activeBackground3#59606E66
- editorIndentGuide.activeBackground4#59606E66
- editorIndentGuide.activeBackground5#59606E66
- editorIndentGuide.activeBackground6#59606E66
- editorIndentGuide.background1#363F5066
- editorIndentGuide.background2#363F5066
- editorIndentGuide.background3#363F5066
- editorIndentGuide.background4#363F5066
- editorIndentGuide.background5#363F5066
- editorIndentGuide.background6#363F5066
- editorLineNumber.activeForeground#59606E
- editorLineNumber.foreground#363F50
- editorStickyScroll.shadow#363F5066
- editorWidget.background#2B3446
- editorWidget.border#363F50
- editorWidget.foreground#FAF7F5
- foreground#FAF7F5
- gitDecoration.addedResourceForeground#A4D98D
- gitDecoration.deletedResourceForeground#E695B7
- gitDecoration.ignoredResourceForeground#4E5564
- gitDecoration.modifiedResourceForeground#8DD9D1
- gitDecoration.untrackedResourceForeground#E695B7
- icon.foreground#FAF7F5
- input.background#141F33
- input.foreground#FAF7F5
- input.placeholderForeground#424A5A
- list.activeFocusBackground#424A5A
- list.activeSelectionBackground#424A5A
- list.activeSelectionForeground#FAF7F5
- list.focusAndSelectionOutline#2B3446
- list.focusOutline#2B3446
- list.highlightForeground#FAF7F5
- list.hoverBackground#4E5564
- list.hoverForeground#FAF7F5
- list.inactiveFocusBackground#424A5A
- list.inactiveFocusOutline#2B3446
- list.inactiveSelectionBackground#424A5A
- notebook.cellHoverBackground#2B344655
- notebook.focusedCellBackground#2B3446
- notebook.focusedCellBorder#2B3446
- notebook.focusedEditorBorder#A89FF5
- notebookStatusErrorIcon.foreground#BA7C9B
- notebookStatusRunningIcon.foreground#74B2B0
- notebookStatusSuccessIcon.foreground#86B27A
- panelStickyScroll.shadow#363F5066
- panelTitle.activeForeground#59606E
- panelTitle.inactiveForeground#4E5564
- pickerGroup.border#4E5564
- quickInput.background#2B3446
- quickInput.foreground#FAF7F5
- quickInputList.focusBackground#363F50
- quickInputList.focusForeground#8DD9D1
- scrollbar.shadow#363F5066
- sideBar.background#2B3446
- sideBar.border#2B3446
- sideBar.dropBackground#74B2B0
- sideBarSectionHeader.background#363F50
- sideBarSectionHeader.foreground#FAF7F5
- sideBarStickyScroll.background#363F50
- sideBarStickyScroll.shadow#363F5066
- sideBarTitle.foreground#FAF7F5
- statusBar.background#2B3446
- statusBar.foreground#FAF7F5
- tab.activeBorderTop#74B2B0
- tab.activeForeground#FAF7F5
- tab.border#2B3446
- tab.inactiveBackground#363F50
- tab.inactiveForeground#FAF7F5
- tab.unfocusedActiveBackground#141F33
- terminal.ansiBlue#8DD9D1
- terminal.ansiBrightBlue#74B2B0
- terminal.ansiBrightGreen#86B27A
- terminal.ansiBrightMagenta#8984CC
- terminal.ansiBrightRed#BA7C9B
- terminal.ansiBrightYellow#B0947A
- terminal.ansiGreen#A4D98D
- terminal.ansiMagenta#A89FF5
- terminal.ansiRed#E695B7
- terminal.ansiYellow#D9B38D
- terminal.background#141F33
- terminal.border#2B3446
- terminal.foreground#FAF7F5
- terminal.tab.activeBorder#A89FF5
- terminalCursor.background#A89FF566
- terminalCursor.foreground#FAF7F5
- titleBar.activeBackground#2B3446
- titleBar.activeForeground#FAF7F5
- titleBar.inactiveBackground#2B3446
- titleBar.inactiveForeground#FAF7F5
- widgetStickyScroll.shadow#363F5066
- window.activeBorder#2B3446
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #BBBCC0 | — |
| support.type | #D9B38D | — |
| support.function.macro | #BA7C9B | italic |
| constant | #E695B7 | — |
| constant.numeric | #A4D98D | — |
| constant.character.escape | #D0D0D2 | bold italic |
| keyword.operator | #D0D0D2 | — |
| keyword.operator.boolean | #74B2B0 | — |
| meta.bracket | #BBBCC0 | — |
| string | #86B27A | — |
| keyword | #A89FF5 | — |
| variable.interpolation | #BA7C9B | — |
| entity.name.function | #8DD9D1 | italic |
| support.function | #8DD9D1 | — |
| entity.other.attribute-name.table.array.toml, entity.other.attribute-name.table.toml | #A89FF5 | bold |
| entity.name.tag | #A89FF5 | bold |
| string.quoted.single.yaml, string.quoted.double.yaml | #8DD9D1 | — |
| markup.heading.markdown | #8DD9D1 | bold |
| fenced_code.block.language | #A89FF5 | italic |
| string.other.link.title.markdown, string.other.link.description.markdown | #A4D98D | bold |
| constant.other.reference.link.markdown | #B0947A | italic |
| markup.underline.link.markdown | #74B2B0 | underline |
| markup.inline.raw.string.markdown | #A89FF5 | |
| markup.bold | — | bold |
| markup.italic | — | italic |
| string.other.link.description.markdown.citation | #D0D0D2 | underline |
| punctuation.definition | #A6A8AE | — |