Gatito Next Theme
Publisher: Kevin S PerrineThemes in package: 1
color theme forked from Gatito
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.
- "workbench.editor.showTabs": false#F00
- activityBar.activeBackground#333D3D
- activityBar.activeBorder#D4D4D4
- activityBar.activeFocusBorder#D4D4D4
- activityBar.background#242B2E
- activityBar.border#333D3D
- activityBar.dropBackground#171C1C
- activityBar.foreground#D4D4D4
- activityBar.inactiveForeground#808080
- activityBarBadge.background#6699CC
- activityBarBadge.foreground#171C1C
- badge.background#333D3D
- badge.foreground#D4D4D4
- breadcrumb.activeSelectionForeground#6699CC
- breadcrumb.background#242B2E
- breadcrumb.focusForeground#6699CC
- breadcrumb.foreground#D4D4D4
- breadcrumbPicker.background#171C1C
- button.background#6699CC
- button.foreground#242B2E
- debugExceptionWidget.background#171C1C
- debugExceptionWidget.border#30373A
- debugIcon.breakpointCurrentStackframeForeground#E15A60
- debugIcon.breakpointDisabledForeground#E15A6080
- debugIcon.breakpointForeground#E15A60
- debugIcon.breakpointStackframeForeground#D4D4D4
- debugIcon.breakpointUnverifiedForeground#FAC863
- debugIcon.continueForeground#99C794
- debugIcon.disconnectForeground#E15A60
- debugIcon.pauseForeground#FAC863
- debugIcon.restartForeground#6699CC
- debugIcon.startForeground#99C794
- debugIcon.stepBackForeground#6699CC
- debugIcon.stepIntoForeground#6699CC
- debugIcon.stepOutForeground#6699CC
- debugIcon.stepOverForeground#6699CC
- debugIcon.stopForeground#E15A60
- debugTokenExpression.boolean#F99157
- debugTokenExpression.error#E15A60
- debugTokenExpression.name#FAC863
- debugTokenExpression.number#F99157
- debugTokenExpression.string#99C794
- debugTokenExpression.value#F99157
- debugToolBar.background#242B2E
- debugToolBar.border#242B2E
- debugView.exceptionLabelBackground#242B2E
- debugView.exceptionLabelForeground#D4D4D4
- debugView.stateLabelBackground#171C1C
- debugView.stateLabelForeground#6699CC
- debugView.valueChangedHighlight#808080
- descriptionForeground#808080
- diffEditor.border#808080
- diffEditor.diagonalFill#E15A6080
- diffEditor.insertedTextBackground#3D4F3B
- diffEditor.insertedTextBorder#FFFFFF4D
- diffEditor.removedTextBackground#5E2629
- diffEditor.removedTextBorder#FFFFFF4D
- dropdown.background#171C1C
- dropdown.border#333D3D
- dropdown.foreground#D4D4D4
- dropdown.listBackground#171C1C
- editor.background#242B2E
- editor.findMatchBackground#80808080
- editor.findMatchBorder#FFFFFF00
- editor.findMatchHighlightBackground#80808040
- editor.findMatchHighlightBorder#FFFFFF00
- editor.findRangeHighlightBackground#80808040
- editor.findRangeHighlightBorder#FFFFFF00
- editor.focusedStackFrameHighlightBackground#333D3D
- editor.foldBackground#80808040
- editor.foreground#D4D4D4
- editor.hoverHighlightBackground#80808080
- editor.inactiveSelectionBackground#80808080
- editor.lineHighlightBackground#80808026
- editor.lineHighlightBorder#FFFFFF00
- editor.rangeHighlightBackground#80808080
- editor.rangeHighlightBorder#FFFFFF00
- editor.selectionBackground#808080
- editor.selectionForeground#80808080
- editor.selectionHighlightBackground#80808040
- editor.selectionHighlightBorder#FFFFFF00
- editor.snippetFinalTabstopHighlightBackground#171C1C
- editor.snippetFinalTabstopHighlightBorder#808080
- editor.snippetTabstopHighlightBackground#333D3D
- editor.snippetTabstopHighlightBorder#D4D4D4
- editor.stackFrameHighlightBackground#242B2E
- editor.symbolHighlightBackground#333D3D
- editor.symbolHighlightBorder#808080
- editor.wordHighlightBackground#80808080
- editor.wordHighlightBorder#FFFFFF00
- editor.wordHighlightStrongBackground#80808080
- editorBracketHighlight.foreground1#D4D4D4
- editorBracketHighlight.foreground2#6699CC
- editorBracketHighlight.foreground3#5FB3B3
- editorBracketHighlight.foreground4#99C794
- editorBracketHighlight.foreground5#FAC863
- editorBracketHighlight.foreground6#F99157
- editorBracketHighlight.unexpectedBracket.foreground#F00
- editorBracketMatch.background#80808080
- editorBracketMatch.border#FFFFFF00
- editorCodeLens.foreground#808080
- editorCursor.background#242B2E
- editorCursor.foreground#808080
- editorError.border#242B2E
- editorError.foreground#E15A60
- editorGroup.border#333D3D
- editorGroup.dropBackground#333D3D
- editorGroup.emptyBackground#242B2E
- editorGroup.focusedEmptyBorder#808080
- editorGroupHeader.border#242B2E
- editorGroupHeader.noTabsBackground#171C1C
- editorGroupHeader.tabsBackground#171C1C
- editorGroupHeader.tabsBorder#333D3D
- editorGutter.addedBackground#99C794
- editorGutter.background#242B2E
- editorGutter.commentRangeForeground#D4D4D4
- editorGutter.deletedBackground#E15A60
- editorGutter.foldingControlForeground#D4D4D4
- editorGutter.modifiedBackground#6699CC
- editorHint.border#242B2E
- editorHint.foreground#FAC863
- editorHoverWidget.background#171C1C
- editorHoverWidget.border#30373A
- editorHoverWidget.foreground#D4D4D4
- editorHoverWidget.statusBarBackground#333D3D
- editorIndentGuide.activeBackground#808080
- editorIndentGuide.background#333D3D
- editorInfo.border#242B2E
- editorInfo.foreground#6699CC
- editorLightBulb.foreground#FAC863
- editorLightBulbAutoFix.foreground#99C794
- editorLineNumber.activeForeground#808080
- editorLineNumber.foreground#808080
- editorLink.activeForeground#6699CC
- editorMarkerNavigation.background#171C1C
- editorMarkerNavigationError.background#E15A60
- editorMarkerNavigationInfo.background#6699CC
- editorMarkerNavigationWarning.background#FAC863
- editorOverviewRuler.addedForeground#99C794
- editorOverviewRuler.background#242B2E
- editorOverviewRuler.border#333D3D
- editorOverviewRuler.bracketMatchForeground#80808080
- editorOverviewRuler.commonContentForeground#F00
- editorOverviewRuler.currentContentForeground#A94348
- editorOverviewRuler.deletedForeground#E15A60
- editorOverviewRuler.errorForeground#E15A60
- editorOverviewRuler.findMatchForeground#80808080
- editorOverviewRuler.incomingContentForeground#A94348
- editorOverviewRuler.infoForeground#6699CC
- editorOverviewRuler.modifiedForeground#99C794
- editorOverviewRuler.rangeHighlightForeground#FAC863
- editorOverviewRuler.selectionHighlightForeground#80808080
- editorOverviewRuler.warningForeground#FAC863
- editorOverviewRuler.wordHighlightForeground#80808080
- editorOverviewRuler.wordHighlightStrongForeground#80808080
- editorPane.background#242B2E
- editorRuler.foreground#333D3D
- editorSuggestWidget.background#171C1C
- editorSuggestWidget.border#30373A
- editorSuggestWidget.foreground#D4D4D4
- editorSuggestWidget.highlightForeground#D4D4D4
- editorSuggestWidget.selectedBackground#30373A
- editorUnnecessaryCode.border#FFFFFF00
- editorUnnecessaryCode.opacity#00000060
- editorWarning.border#242B2E
- editorWarning.foreground#FAC863
- editorWhitespace.foreground#80808040
- editorWidget.background#171C1C
- editorWidget.border#30373A
- editorWidget.foreground#D4D4D4
- editorWidget.resizeBorder#808080
- errorForeground#E15A60
- extensionBadge.remoteBackground#E15A60
- extensionBadge.remoteForeground#171C1C
- extensionButton.prominentBackground#A94348
- extensionButton.prominentForeground#D4D4D4
- extensionButton.prominentHoverBackground#A94348
- focusBorder#333D3D
- foreground#D4D4D4
- gitDecoration.addedResourceForeground#99C794
- gitDecoration.conflictingResourceForeground#E15A60
- gitDecoration.deletedResourceForeground#E15A60
- gitDecoration.ignoredResourceForeground#808080
- gitDecoration.modifiedResourceForeground#6699CC
- gitDecoration.submoduleResourceForeground#F00
- gitDecoration.untrackedResourceForeground#99C794
- input.background#242B2E
- input.border#333D3D
- input.foreground#D4D4D4
- input.placeholderForeground#808080
- inputOption.activeBackground#808080
- inputOption.activeBorder#808080
- inputValidation.errorBackground#E15A60
- inputValidation.errorBorder#E15A60
- inputValidation.errorForeground#D4D4D4
- inputValidation.infoBackground#6699CC
- inputValidation.infoBorder#6699CC
- inputValidation.infoForeground#D4D4D4
- inputValidation.warningBackground#FAC863
- inputValidation.warningBorder#FAC863
- inputValidation.warningForeground#242B2E
- list.activeSelectionBackground#333D3D
- list.activeSelectionForeground#D4D4D4
- list.deemphasizedForeground#808080
- list.dropBackground#333D3D
- list.errorForeground#E15A60
- list.filterMatchBackground#808080
- list.filterMatchBorder#FFFFFF00
- list.focusBackground#333D3D
- list.focusForeground#D4D4D4
- list.highlightForeground#D4D4D4
- list.hoverBackground#333D3D
- list.hoverForeground#D4D4D4
- list.inactiveFocusBackground#333D3D
- list.inactiveSelectionBackground#333D3D
- list.inactiveSelectionForeground#D4D4D4
- list.invalidItemForeground#E15A60
- list.warningForeground#FAC863
- listFilterWidget.background#242B2E
- listFilterWidget.noMatchesOutline#E15A60
- listFilterWidget.outline#333D3D
- menu.background#171C1C
- menu.border#D4D4D4
- menu.foreground#D4D4D4
- menu.selectionBackground#333D3D
- menu.selectionBorder#333D3D
- menu.selectionForeground#80808080
- menu.separatorBackground#333D3D
- menubar.selectionBackground#808080
- menubar.selectionBorder#171C1C
- menubar.selectionForeground#80808080
- merge.border#30373A
- merge.commonContentBackground#F00
- merge.commonHeaderBackground#F00
- merge.currentContentBackground#171C1C
- merge.currentHeaderBackground#171C1C
- merge.incomingContentBackground#171C1C
- merge.incomingHeaderBackground#171C1C
- notification.background#242B2E
- notification.buttonBackground#242B2E
- notification.buttonForeground#D4D4D4
- notification.buttonHoverBackground#333D3D
- notification.errorBackground#242B2E
- notification.errorForeground#E15A60
- notification.foreground#D4D4D4
- notification.infoBackground#242B2E
- notification.infoForeground#6699CC
- notification.warningBackground#242B2E
- notification.warningForeground#FAC863
- notificationCenter.border#30373A
- notificationCenterHeader.background#171C1C
- notificationCenterHeader.foreground#D4D4D4
- notificationLink.foreground#6699CC
- notifications.background#171C1C
- notifications.border#30373A
- notifications.foreground#D4D4D4
- notificationsErrorIcon.foreground#E15A60
- notificationsInfoIcon.foreground#6699CC
- notificationsWarningIcon.foreground#FAC863
- notificationToast.border#30373A
- panel.background#242B2E
- panel.border#30373A
- panel.dropBackground#171C1C
- panelInput.border#FFFFFF00
- panelTitle.activeBorder#30373A
- panelTitle.activeForeground#D4D4D4
- panelTitle.inactiveForeground#808080
- peekView.border#30373A
- peekViewEditor.background#171C1C
- peekViewEditor.matchHighlightBackground#FFFFFF1F
- peekViewEditor.matchHighlightBorder#808080
- peekViewEditorGutter.background#171C1C
- peekViewResult.background#171C1C
- peekViewResult.fileForeground#D4D4D4
- peekViewResult.lineForeground#D4D4D4
- peekViewResult.matchHighlightBackground#FFFFFF1F
- peekViewResult.selectionBackground#30373A
- peekViewResult.selectionForeground#D4D4D4
- peekViewTitle.background#171C1C
- peekViewTitleDescription.foreground#808080
- peekViewTitleLabel.foreground#D4D4D4
- pickerGroup.border#30373A
- pickerGroup.foreground#808080
- problemsErrorIcon.foreground#E15A60
- problemsInfoIcon.foreground#6699CC
- problemsWarningIcon.foreground#FAC863
- progressBar.background#FAC863
- quickInput.background#242B2E
- quickInput.foreground#D4D4D4
- quickInputTitle.background#242B2E
- scrollbar.shadow#FFFFFF00
- scrollbarSlider.activeBackground#333D3D
- scrollbarSlider.background#FFFFFF0F
- scrollbarSlider.hoverBackground#FFFFFF1F
- selection.background#FAC863
- settings.checkboxBackground#171C1C
- settings.checkboxBorder#30373A
- settings.checkboxForeground#D4D4D4
- settings.dropdownBackground#171C1C
- settings.dropdownBorder#30373A
- settings.dropdownForeground#D4D4D4
- settings.dropdownListBorder#F00
- settings.headerForeground#D4D4D4
- settings.modifiedItemIndicator#6699CC
- settings.numberInputBackground#171C1C
- settings.numberInputBorder#30373A
- settings.numberInputForeground#D4D4D4
- settings.textInputBackground#171C1C
- settings.textInputBorder#30373A
- settings.textInputForeground#D4D4D4
- sideBar.background#171C1C
- sideBar.border#333D3D
- sideBar.dropBackground#333D3D
- sideBar.foreground#D4D4D4
- sideBarSectionHeader.background#333D3D
- sideBarSectionHeader.border#FFFFFF00
- sideBarSectionHeader.foreground#D4D4D4
- sideBarTitle.foreground#D4D4D4
- statusBar.background#242B2E
- statusBar.border#30373A
- statusBar.debuggingBackground#242B2E
- statusBar.debuggingBorder#333D3D
- statusBar.debuggingForeground#D4D4D4
- statusBar.foreground#808080
- statusBar.noFolderBackground#242B2E
- statusBar.noFolderBorder#333D3D
- statusBar.noFolderForeground#808080
- statusBarItem.activeBackground#242B2E
- statusBarItem.hoverBackground#242B2E
- statusBarItem.prominentBackground#242B2E
- statusBarItem.prominentForeground#D4D4D4
- statusBarItem.prominentHoverBackground#242B2E
- statusBarItem.remoteBackground#242B2E
- statusBarItem.remoteForeground#D4D4D4
- tab.activeBackground#242B2E
- tab.activeBorder#242B2E
- tab.activeBorderTop#D4D4D4
- tab.activeForeground#D4D4D4
- tab.activeModifiedBorder#6699CC
- tab.border#333D3D
- tab.hoverBackground#242B2E
- tab.hoverBorder#FFFFFF00
- tab.inactiveBackground#171C1C
- tab.inactiveForeground#808080
- tab.inactiveModifiedBorder#6699CC
- tab.unfocusedActiveBackground#171C1C
- tab.unfocusedActiveBorder#FFFFFF00
- tab.unfocusedActiveBorderTop#808080
- tab.unfocusedActiveForeground#808080
- tab.unfocusedActiveModifiedBorder#F00
- tab.unfocusedHoverBackground#242B2E
- tab.unfocusedHoverBorder#FFFFFF00
- tab.unfocusedHoverForeground#D4D4D4
- tab.unfocusedInactiveBackground#171C1C
- tab.unfocusedInactiveForeground#80808080
- tab.unfocusedInactiveModifiedBorder#F00
- terminal.ansiBlack#808080
- terminal.ansiBlue#6699CC
- terminal.ansiBrightBlack#808080
- terminal.ansiBrightBlue#6699CC
- terminal.ansiBrightCyan#5FB3B3
- terminal.ansiBrightGreen#99C794
- terminal.ansiBrightMagenta#C594C5
- terminal.ansiBrightRed#E15A60
- terminal.ansiBrightWhite#D4D4D4
- terminal.ansiBrightYellow#FAC863
- terminal.ansiCyan#5FB3B3
- terminal.ansiGreen#99C794
- terminal.ansiMagenta#C594C5
- terminal.ansiRed#E15A60
- terminal.ansiWhite#D4D4D4
- terminal.ansiYellow#FAC863
- terminal.background#242B2E
- terminal.border#30373A
- terminal.foreground#D4D4D4
- terminalCursor.background#242B2E
- terminalCursor.foreground#D4D4D4
- textBlockQuote.background#171C1C
- textBlockQuote.border#333D3D
- textCodeBlock.background#242B2E
- textLink.activeForeground#6699CC
- textLink.foreground#6699CC
- textPreformat.foreground#5FB3B3
- textSeparator.foreground#333D3D
- titleBar.activeBackground#242B2E
- titleBar.activeForeground#808080
- titleBar.border#30373A
- titleBar.inactiveBackground#242B2E
- titleBar.inactiveForeground#808080
- tree.indentGuidesStroke#333D3D
- walkThrough.embeddedEditorBackground#171C1C
- welcomePage.background#242B2E
- welcomePage.buttonBackground#171C1C
- welcomePage.buttonHoverBackground#30373A
- widget.shadow#171C1C
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7F7F7F | italic |
| variable | #D4D4D4 | — |
| keyword, storage.type, storage.modifier | #C594C5 | — |
| keyword.operator, constant.other.color, punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #5FB3B3 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #EB606B | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level | #6699CC | — |
| support.other.variable, string.other.link | #F2777A | — |
| constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit | #F99157 | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #99C794 | — |
| entity.name.class, entity.name.type.class, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter | #FAC863 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #E15A60 | — |
| variable.language | #E15A60 | italic |
| entity.name.method.js | #D8DEE9 | — |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #D8DEE9 | — |
| entity.other.attribute-name | #BB80B3 | — |
| markup.inserted | #99C794 | — |
| markup.deleted | #E15A60 | — |
| markup.changed | #BB80B3 | — |
| string.regexp | #5FB3B3 | — |
| constant.character.escape | #5FB3B3 | — |
| *url*, *link*, *uri* | — | underline |
| constant.numeric.line-number.find-in-files - match | #AB7967 | — |
| entity.name.filename.find-in-files | #99C794 | — |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #6699CC | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #E15A60 | italic |
| token.info-token | #6699CC | — |
| token.warn-token | #FAC863 | — |
| token.error-token | #E15A60 | — |
| token.debug-token | #b267e6 | — |
| source.js entity.other.attribute-name.js | — | italic |
| text.html.basic entity.other.attribute-name.html | — | italic |