Karl O'Keeffe's Theme
Publisher: Karl O'KeeffeThemes in package: 3
A custom theme by Karl for Karl (but feel free to use!)
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.background#2a2a2a
- activityBar.foreground#bdbdbd
- activityBarBadge.background#fce100
- activityBarBadge.foreground#222222
- diffEditor.insertedTextBackground#0c7e631f
- diffEditor.removedTextBackground#942d0e1f
- dropdown.background#2a2a2a
- editor.background#222222
- editor.findMatchBackground#efa40020
- editor.findMatchHighlightBackground#efa40020
- editor.findRangeHighlightBackground#efa4000A
- editor.foreground#bdbdbd
- editor.inactiveSelectionBackground#6060605c
- editor.lineHighlightBackground#0000002f
- editor.selectionBackground#006a7d5c
- editor.selectionHighlightBackground#5f5f5f2c
- editor.wordHighlightBackground#5f5f5f40
- editor.wordHighlightStrongBackground#5f5f5f50
- editorCursor.foreground#afafaf
- editorError.foreground#e76857
- editorGroupHeader.tabsBackground#2a2a2a
- editorGutter.addedBackground#0c7e63de
- editorGutter.deletedBackground#af320bde
- editorGutter.modifiedBackground#607079de
- editorIndentGuide.activeBackground#ffffff15
- editorIndentGuide.background#ffffff05
- editorLineNumber.activeForeground#484848
- editorLineNumber.foreground#404040
- editorWarning.foreground#ecca31
- editorWhitespace.foreground#999999
- focusBorder#cdb700
- foreground#bdbdbd
- input.background#202020
- inputOption.activeBackground#69a88b55
- inputOption.activeBorder#69a88b
- list.activeSelectionBackground#222222
- list.focusBackground#303030
- list.hoverBackground#252525
- list.inactiveSelectionBackground#222222
- sash.hoverBorder#555555
- scrollbar.shadow#0000006b
- sideBar.background#2a2a2a
- sideBar.foreground#bdbdbd
- sideBarSectionHeader.background#2a2a2a
- statusBar.background#2a2a2a
- statusBar.debuggingBackground#2a2a2a
- statusBar.debuggingForeground#b8975b
- statusBar.foreground#bdbdbd
- statusBar.noFolderBackground#2a2a2a
- statusBar.noFolderForeground#bdbdbd
- tab.inactiveBackground#2a2a2a
- terminal.ansiBlack#000000
- terminal.ansiBlue#397cb3
- terminal.ansiBrightBlack#808080
- terminal.ansiBrightBlue#4CA1E7
- terminal.ansiBrightCyan#4F989E
- terminal.ansiBrightGreen#94C470
- terminal.ansiBrightMagenta#C678DD
- terminal.ansiBrightRed#E06C75
- terminal.ansiBrightWhite#ECECEC
- terminal.ansiBrightYellow#EFBC81
- terminal.ansiCyan#3a7277
- terminal.ansiGreen#759c58
- terminal.ansiMagenta#9c57b0
- terminal.ansiRed#bd414d
- terminal.ansiWhite#D6D6D6
- terminal.ansiYellow#c6975c
- terminalCursor.foreground#8a8a8a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #686868 | italic |
| comment.unused | #686868 | |
| string | #c2ad00 | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #868686 | — |
| constant.language.symbol | #8fa738 | — |
| constant.numeric | #993c26 | — |
| meta.delimiter.decimal.period | #6c3122 | — |
| constant.language | #2bba8a | — |
| constant.character, constant.other, variable.other.constant.property | #b34d1b | — |
| variable | #b2987f | — |
| meta.definition variable, variable.parameter | #c6975c | — |
| variable.other.property, variable.other.object.property | #bbbbbb | — |
| variable.language | #797979 | — |
| variable.language.this, variable.language.self | #8b84bc | — |
| entity.name.function | #577aa0 | — |
| meta.definition entity.name.function, meta.object-literal.key entity.name.function, meta.function.method entity.name.function | #397cb3 | — |
| punctuation.definition.parameters, storage.type.function.arrow | #697b90 | — |
| meta.template.expression | #afafaf | — |
| keyword | #797979 | — |
| keyword.control.flow, keyword.control.loop, keyword.control.trycatch, keyword.control.exception | #cabf82 | — |
| keyword.generator.asterisk, storage.modifier.async | #a89d6c | — |
| entity.name.label | #cabf82 | — |
| keyword.other.debugger, support.class.console, support.function.console | #f07ad9 | — |
| keyword.operator | #9a6f5e | — |
| punctuation.accessor.optional | #a66a52 | — |
| keyword.operator.assignment | #797979 | — |
| storage | #797979 | — |
| entity.name.type, entity.other.inherited-class | #718c8f | — |
| entity.name.type.class, entity.name.class.declaration | #de8646 | — |
| entity.name.class | #c9793f | — |
| support.class | #b6636c | — |
| support, support.class.builtin | #b84f5a | — |
| support.type.builtin | #88b5a7 | — |
| support.type.primitive | #847070 | — |
| entity.name.tag | #c08043 | — |
| support.class.component | #c39635 | — |
| entity.other.attribute-name | #7a8d9e | — |
| punctuation.section.embedded | #8d7371 | — |
| punctuation.definition.binding-pattern | #6e7b8f | — |
| punctuation, meta.brace.round, meta.brace.square, meta.brace.curly, meta.bracket, meta.separator, beginning.punctuation, meta.tag.inline.any, meta.tag.block.any, meta.tag.structure.any, meta.tag.any, meta.tag.sgml.doctype, constant.language.import-export-all, support.type.object.module | #797979 | — |
| meta.import variable.other.readwrite | #8d979b | — |
| meta.import variable.other.readwrite.alias | #c6975c | — |
| meta.object-literal.key, support.type.property-name, meta.definition, variable.object.property, constant.language.symbol.hashkey | #95a49d | — |
| support.type.property-name.json | #afafaf | — |
| source.svelte keyword.operator.assignment | #2ec029 | — |
| source.svelte keyword.control.export | #cabf82 | — |
| markup.heading | #50816a | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.raw, markup.inline.raw, markup.fenced_code | #b8975b | — |
| meta.embedded | #afafaf | — |
| markup.underline.link | #577aa0 | — |
| meta.type, meta.return.type, keyword.operator.type | #797979 | — |
| variable.css, variable.argument.css | #ae9c8c | — |
| entity.other.attribute-name.id.css | #50816a | — |
| entity.other.attribute-name.class.css | #577aa0 | — |
| entity.other.attribute-name.pseudo-class.css | #be777f | — |
| entity.other.attribute-name.pseudo-element.css | #be8577 | — |
| rainbow1 | #998800 | |
| keyword.rainbow2 | #ae9c8c | |
| entity.name.function.rainbow3 | #50816a | |
| comment.rainbow4 | #8b84b9 | |
| string.rainbow5 | #bdb58b | |
| variable.parameter.rainbow6 | #993c26 | |
| constant.numeric.rainbow7 | #ff6ce4 | |
| entity.name.type.rainbow8 | #c3940a | |
| markup.bold.rainbow9 | #577aa0 | |
| invalid.rainbow10 | #afafaf | |
| keyword.control.cucumber.table source | #c6975c | — |
| meta.embedded.inline.snap | — | italic |