Offbase
Publisher: EntomyThemes in package: 1
Color theme designed around being slightly off hue from base colors while generally remaining consistant in saturation and value as defined by the HSV model.
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#444444
- activityBar.border#333333
- activityBar.foreground#CCCCCC
- activityBar.inactiveForeground#888888
- activityBarBadge.background#79B5D2
- activityBarBadge.foreground#FFFFFF
- editor.background#222222
- editor.foreground#AAAAAA
- editorError.border#D27979
- editorLineNumber.foreground#444444
- panelTitle.activeForeground#79B5D2
- panelTitle.inactiveForeground#ecc4c4
- sideBar.background#333333
- sideBar.border#222222
- sideBar.foreground#AAAAAA
- sideBarSectionHeader.background#444444
- sideBarSectionHeader.border#333333
- sideBarSectionHeader.foreground#000000
- sideBarTitle.foreground#AAAAAA
- statusBar.background#444444
- statusBar.border#333333
- statusBar.debuggingBackground#862D2D
- statusBar.debuggingBorder#602020
- tab.activeBackground#222222
- tab.inactiveBackground#333333
- terminal.ansiBlue#79B5D2
- terminal.ansiBrightBlue#63BCE9
- terminal.ansiBrightCyan#63E9BC
- terminal.ansiBrightGreen#BCE963
- terminal.ansiBrightMagenta#BC63E9
- terminal.ansiBrightRed#E96363
- terminal.ansiBrightYellow#E9BC63
- terminal.ansiCyan#79D2B5
- terminal.ansiGreen#B5D279
- terminal.ansiMagenta#B579D2
- terminal.ansiRed#D27979
- terminal.ansiYellow#D2B579
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #444444 | italic |
| comment.block.documentation | #666666 | — |
| constant | #D2B579 | — |
| constant.numeric.base | #806A40 | — |
| invalid | #D27979 | — |
| entity.other.attribute-name, support.function.attribute | #79D2B5 | — |
| entity.name.exception | #D27979 | — |
| entity.name.function | #D279B5 | — |
| entity.name.label | #BF8FAF | — |
| entity.name.section | #FFFFFF | bold underline |
| entity.name.selector, entity.name.variable.parameter | #AAAAAA | italic |
| entity.name.tag | #7F6A3F | — |
| keyword | #CCCCCC | bold |
| keyword.control | #CCCCCC | italic bold |
| keyword.control.configuration | #80FFD4 | bold |
| keyword.control.directive | #B579D2 | |
| keyword.control.process | #FFD480 | bold |
| keyword.modifier | #CCCCCC | bold |
| keyword.modifier.unknown | #AFBF8F | bold |
| meta.tag | — | italic |
| keyword.operator | #FFFFFF | |
| keyword.operator.unary | #FFBF40 | bold |
| punctuation | #666666 | — |
| punctuation.definition.tag | #D2B579 | — |
| punctuation.exponent-mark | #806A40 | — |
| punctuation.radix-point | #806A40 | — |
| punctuation.definition.string | #E9BC63 | bold |
| storage.modifier | #8FAFBF | bold |
| storage.visibility | #AF8FBF | bold |
| string | #D2B579 | — |
| entity.name.type, keyword.type, storage.type, support.type | #79B5D2 | — |
| variable, variable.other.object.property, entity.name.variable | #B5D279 | — |
| variable.other.object.property | #B5D279 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...