Oceanic Primal Color Theme
Publisher: Barlog M.Themes in package: 1
Oceanic Primal Color Theme
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.
- debugIcon.breakpointForeground#ec5f67
- diffEditor.border#444444
- editor.background#1b2b34
- editor.findMatchBackground#515c6a
- editor.findMatchBorder#74879f
- editor.findMatchHighlightBackground#343d46
- editor.findMatchHighlightBorder#ffffff00
- editor.findRangeHighlightBackground#3a3d4166
- editor.findRangeHighlightBorder#ffffff00
- editor.foldBackground#264f784d
- editor.foreground#cdd3de
- editor.hoverHighlightBackground#264f7840
- editor.inactiveSelectionBackground#3a3d41
- editor.lineHighlightBackground#ffffff0A
- editor.lineHighlightBorder#343d46
- editor.rangeHighlightBackground#ffffff0b
- editor.rangeHighlightBorder#ffffff00
- editor.selectionBackground#343d46
- editor.selectionHighlightBackground#add6ff26
- editor.selectionHighlightBorder#495F77
- editor.wordHighlightBackground#575757b8
- editor.wordHighlightStrongBackground#4f5b66
- editorBracketMatch.background#0064001a
- editorBracketMatch.border#888888
- editorCodeLens.foreground#999999
- editorCursor.background#1b2b34
- editorCursor.foreground#aeafad
- editorError.background#B73A3400
- editorError.border#ffffff00
- editorError.foreground#ec5f67
- editorGroup.border#444444
- editorGutter.addedBackground#99c794
- editorGutter.deletedBackground#ec5f67
- editorGutter.foldingControlForeground#c5c5c5
- editorGutter.modifiedBackground#6699cc
- editorIndentGuide.activeBackground#707070
- editorIndentGuide.background#404040
- editorInfo.background#4490BF00
- editorInfo.border#4490BF00
- editorInfo.foreground#bcdaf7
- editorInlayHint.background#00000000
- editorInlayHint.foreground#65737e
- editorInlayHint.parameterBackground#00000000
- editorInlayHint.parameterForeground#65737e
- editorInlayHint.typeBackground#00000000
- editorInlayHint.typeForeground#65737e
- editorLineNumber.activeForeground#c6c6c6
- editorLineNumber.foreground#858585
- editorLink.activeForeground#6699cc
- editorOverviewRuler.background#25252500
- editorOverviewRuler.border#7f7f7f4d
- editorRuler.foreground#5a5a5a
- editorSuggestWidget.background#343d46
- editorWarning.background#A9904000
- editorWarning.border#ffffff00
- editorWarning.foreground#fac863
- editorWhitespace.foreground#e3e4e229
- peekView.border#6699cc
- terminal.ansiBlack#000000
- terminal.ansiBlue#6699cc
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#6699cc
- terminal.ansiBrightCyan#5fb3b3
- terminal.ansiBrightGreen#99c794
- terminal.ansiBrightMagenta#c594c5
- terminal.ansiBrightRed#ec5f67
- terminal.ansiBrightWhite#c0c5ce
- terminal.ansiBrightYellow#fac863
- terminal.ansiCyan#5fb3b3
- terminal.ansiGreen#99c794
- terminal.ansiMagenta#c594c5
- terminal.ansiRed#ec5f67
- terminal.ansiWhite#c0c5ce
- terminal.ansiYellow#fac863
- terminal.border#80808059
- terminal.foreground#c0c5ce
- terminal.selectionBackground#ffffff40
- terminalCursor.background#6699cc
- terminalCursor.foreground#c0c5ce
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| keyword, storage.type, storage.modifier, storage.type.primitive, entity.name.tag, entity.name.type | #6699cc | — |
| keyword.operator, punctuation | #fac863 | — |
| string | #99c794 | — |
| constant.numeric | #f99157 | — |
| constant.character.escape | #ec5f67 | — |
| macro, storage.type.annotation, punctuation.definition.annotation, meta.attribute | #5fb3b3 | — |
| comment, punctuation.definition.comment | #65737e | — |
| support.type.property-name | #cdd3de | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...