Capitán
Publisher: DannyMendiolaThemes in package: 1
Really cool theme I made when I had other things I should've been doing instead
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#1e1e29
- activityBar.foreground#af9b7b
- activityBarBadge.background#ffe6a7
- activityBarBadge.foreground#1e1e29
- badge.background#3f88c5
- badge.foreground#eee2c7
- button.background#3f88c5
- button.hoverBackground#3f88c5
- debugExceptionWidget.background#FF9F2E60
- debugExceptionWidget.border#FF9F2E60
- debugIcon.breakpointCurrentStackframeForeground#ffca43
- debugIcon.breakpointDisabledForeground#696969
- debugIcon.breakpointForeground#d35551
- debugIcon.breakpointStackframeForeground#ffca43
- debugIcon.continueForeground#68ca68
- debugIcon.restartForeground#68ca68
- debugIcon.stepBackForeground#3f88c5
- debugIcon.stepIntoForeground#3f88c5
- debugIcon.stepOutForeground#3f88c5
- debugIcon.stepOverForeground#3f88c5
- debugIcon.stopForeground#d35551
- debugTokenExpression.boolean#3f88c5
- debugTokenExpression.error#d35551
- debugTokenExpression.name#eee2c7
- debugTokenExpression.number#3f88c5
- debugTokenExpression.string#68ca68
- debugTokenExpression.value#e49246
- debugToolBar.background#20232A
- diffEditor.insertedTextBackground#29BF1220
- diffEditor.removedTextBackground#F21B3F20
- dropdown.background#2a2d35
- dropdown.border#000000
- dropdown.foreground#eee2c7
- editor.background#1e1e29
- editor.findMatchBorder#eee2c7
- editor.findMatchHighlightBackground#ffb7004f
- editor.foreground#eee2c7
- editor.hoverHighlightBackground#373941
- editor.inlineValuesForeground#696969
- editor.lineHighlightBackground#292933
- editor.rangeHighlightBackground#372F3C
- editor.selectionBackground#39678d83
- editor.selectionHighlightBackground#ffb7002c
- editor.stackFrameHighlightBackground#ffca4335
- editorBracketMatch.background#ffe6a74b
- editorBracketMatch.border#ffe6a76e
- editorCodeLens.foreground#776f6f
- editorCursor.foreground#ffe6a7
- editorError.foreground#ff0800
- editorGroup.dropBackground#2b2b33
- editorGroupHeader.tabsBackground#2b2b33
- editorGutter.addedBackground#9BC53DBB
- editorGutter.deletedBackground#FC644DBB
- editorGutter.modifiedBackground#5BC0EBBB
- editorHoverWidget.background#373941
- editorHoverWidget.border#5a5a5a
- editorIndentGuide.activeBackground#585C66
- editorIndentGuide.background#333844
- editorInlayHint.parameterBackground#00000000
- editorInlayHint.parameterForeground#e49246
- editorLineNumber.activeForeground#ffe6a7
- editorLineNumber.foreground#696969
- editorLink.activeForeground#4b7e7a
- editorOverviewRuler.border#1B1D23
- editorRuler.foreground#4F4355
- editorStickyScroll.background#3a3a41d0
- editorSuggestWidget.background#20232A
- editorSuggestWidget.border#372F3C
- editorSuggestWidget.selectedBackground#373941
- editorWarning.foreground#ffb700
- editorWhitespace.foreground#333844
- editorWidget.background#000000d0
- errorForeground#d35551
- extensionButton.prominentBackground#3f88c5
- extensionButton.prominentHoverBackground#3f88c5
- focusBorder#92929231
- foreground#ffe6a7
- gitDecoration.addedResourceForeground#68ca68
- gitDecoration.deletedResourceForeground#d35551
- gitDecoration.modifiedResourceForeground#ffca43
- icon.foreground#ffe6a7
- input.background#101016
- input.placeholderForeground#746f77
- inputOption.activeBorder#C668BA
- inputValidation.errorBackground#d35551
- inputValidation.errorBorder#d35551
- inputValidation.infoBackground#3A6395
- inputValidation.infoBorder#3A6395
- inputValidation.warningBackground#DE9237
- inputValidation.warningBorder#DE9237
- list.activeSelectionBackground#2e2e2e
- list.activeSelectionForeground#ffe6a7
- list.dropBackground#3a404e
- list.focusBackground#352828
- list.focusForeground#ffe6a7
- list.focusOutline#ff000000
- list.hoverBackground#23262E
- list.hoverForeground#ffe6a7
- list.inactiveSelectionBackground#23262E
- list.inactiveSelectionForeground#af9b7b
- merge.currentContentBackground#F9267240
- merge.currentHeaderBackground#F92672
- merge.incomingContentBackground#3B79C740
- merge.incomingHeaderBackground#ff0000
- panel.background#1e1e29
- panel.border#0037db00
- panelTitle.activeBorder#23262E00
- panelTitle.activeForeground#ffe6a7
- panelTitle.inactiveForeground#746f77
- peekView.border#23262E
- peekViewEditor.background#1A1C22
- peekViewEditor.matchHighlightBackground#FF9F2E60
- peekViewResult.background#1A1C22
- peekViewResult.matchHighlightBackground#FF9F2E60
- peekViewResult.selectionBackground#23262E
- peekViewTitle.background#1A1C22
- peekViewTitleDescription.foreground#746f77
- pickerGroup.border#4F4355
- pickerGroup.foreground#746f77
- progressBar.background#3f88c5
- scrollbar.shadow#23262E
- scrollbarSlider.activeBackground#eee2c71c
- scrollbarSlider.background#3A3F4C77
- scrollbarSlider.hoverBackground#3A3F4CAA
- selection.background#3f88c5
- sideBar.background#1e1e29
- sideBar.foreground#757575
- sideBarSectionHeader.background#2b2b33
- sideBarTitle.foreground#af9b7b
- statusBar.background#1e1e29
- statusBar.debuggingBackground#B12E2E
- statusBar.debuggingForeground#c5c5c5
- statusBar.foreground#707070
- statusBar.noFolderBackground#23262E
- statusBarItem.activeBackground#4d4d4d
- statusBarItem.hoverBackground#3f3f3f
- statusBarItem.prominentBackground#B12E2E
- statusBarItem.prominentForeground#9b9b9b
- statusBarItem.prominentHoverBackground#B12E2E
- tab.activeBackground#1e1e29
- tab.activeForeground#ffe6a7
- tab.inactiveBackground#2b2b33
- tab.inactiveForeground#9b9b9b
- terminal.ansiBlue#73a4df
- terminal.ansiBrightBlack#315daf
- terminal.ansiBrightBlue#7ca2d1
- terminal.ansiBrightCyan#59d3c1
- terminal.ansiBrightGreen#95d376
- terminal.ansiBrightMagenta#da5aaf
- terminal.ansiBrightRed#e64c31
- terminal.ansiBrightWhite#315daf
- terminal.ansiBrightYellow#ffca43
- terminal.ansiCyan#58b8a9
- terminal.ansiGreen#84ca61
- terminal.ansiMagenta#e043ac
- terminal.ansiRed#B12E2E
- terminal.ansiWhite#ffe6a7
- terminal.ansiYellow#e0b139
- terminal.border#14141477
- terminal.foreground#ffe6a7
- terminalCursor.background#23262E
- terminalCursor.foreground#ffe6a7
- textLink.foreground#3f88c5
- titleBar.activeBackground#1e1e29
- titleBar.activeForeground#707070
- titleBar.inactiveBackground#2b2b33
- titleBar.inactiveForeground#9b9b9b
- walkThrough.embeddedEditorBackground#23262E
- widget.shadow#14151A
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, markup.quote.markdown, meta.diff, meta.diff.header | #696969 | — |
| beginning.punctuation.definition.list.markdown, constant.character.entity.html, constant.other.caps.python, entity.name.tag.yaml, entity.other.attribute-name.pseudo-element.css, markup.heading, support.type.python, support.variable, source.css entity.name.tag.reference, source.css entity.other.attribute-name.parent-selector, variable.language.this.js, variable.language.special.self.python | #c27cd8 | — |
| constant, constant.numeric, constant.other.php, constant.other.class.php, constant.numeric.css, entity.other.attribute-name.id, entity.other.attribute-name, entity.name.tag, fenced_code.block.language, keyword.operator, markup.deleted, markup.bold, meta.group.regexp, meta.structure.dictionary.json support.type.property-name, punctuation.definition.interpolation, punctuation.section.embedded.end.php, punctuation.section.embedded.end.ruby, punctuation.section.embedded.begin.php, punctuation.section.embedded.begin.ruby, punctuation.definition.template-expression, source.css support.function, source.php support.function, source.css keyword.other.unit, support.class, support.constant, support.function.magic.python, support.constant.ext.php, support.constant.core.php, support.type.exception.python, support.type.primitive.ts, support.type.builtin.ts, storage.type.primitive.java, storage.type.primitive.array.java, storage.type.java, storage.type.object.array.java, text.html.markdown string, variable.other.object.property.js.jsx | #3f88c5 | — |
| entity.name.type, entity.name.function, entity.other.inherited-class, entity.other.keyframe-offset.css, entity.other.attribute-name.class.jade, entity.other.attribute-name, markup.list, meta.function-call.generic.python, meta.at-rule.extend support.constant, meta.at-rule.extend, source.css entity.other.attribute-name, support.function, text.xml string, text.html.markdown string.quoted, text.xml punctuation.definition.string | #ffca43 | — |
| entity.other.attribute-name.id.css, keyword, markup.italic, meta.link, meta.image, punctuation.section.embedded.begin.js.jsx, punctuation.section.embedded.end.js.jsx, storage, source.js support.type | #d35551 | — |
| support.type.property-name.css, variable.parameter, variable.other.object.js.jsx | #e49246 | — |
| markup.inline.raw, markup.inserted, punctuation.definition.string, punctuation.definition.markdown, string, text.html.php string, text.html meta.embedded source.js string, text.html.php punctuation.definition.string, text.html meta.embedded source.js punctuation.definition.string, text.html punctuation.definition.string, text.html string | #68ca68 | — |
| constant.language.python, constant.numeric, variable.scss | #28dae0 | — |
| meta.template.expression.js, meta.embedded.line.js, meta.brace.square.js.jsx, punctuation.separator.key-value.js.jsx, variable.other.readwrite.js | #eee2c7 | — |
| entity.other.inherited-class | — | underline |
| comment, entity.other.attribute-name, invalid, keyword, variable.other.object.js.jsx, variable.scss, variable.object.property.ts | — | italic |
| constant, entity.name.tag.css, meta.structure.dictionary.json support.type.property-name, meta.import.js.jsx, punctuation.section.embedded.begin.js.jsx, punctuation.section.embedded.end.js.jsx, storage, support.type.property-name.css, variable.language.special.self.python, variable.language.this.js | — | bold |
| keyword.operator | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...