hoccacas
Publisher: Thiago AndreazzaThemes in package: 5
A VS Code theme for regular people.
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.activeBorder#868690
- activityBar.background#010102
- activityBar.dropBorder#131317
- activityBar.foreground#515358
- activityBar.inactiveForeground#515358
- activityBarBadge.background#9787ff
- activityBarBadge.foreground#ffffff
- badge.background#7fc9d6
- badge.foreground#010102
- banner.background#111216
- banner.foreground#c1c3ce
- banner.iconForeground#777885
- breadcrumb.activeSelectionForeground#7fc9d6
- breadcrumb.background#010102
- breadcrumb.focusForeground#777885
- breadcrumb.foreground#777885
- breadcrumbPicker.background#111216
- button.background#7fc9d6
- button.foreground#010102
- button.hoverBackground#7fc9d695
- button.secondaryBackground#111216
- button.secondaryForeground#868690
- button.secondaryHoverBackground#131317
- charts.foreground#868690
- charts.lines#777885
- checkbox.background#111216
- checkbox.border#817c9c26
- checkbox.foreground#868690
- debugExceptionWidget.background#111216
- debugExceptionWidget.border#817c9c26
- debugIcon.breakpointCurrentStackframeForeground#777885
- debugIcon.breakpointDisabledForeground#777885
- debugIcon.breakpointForeground#777885
- debugIcon.breakpointStackframeForeground#777885
- debugIcon.breakpointUnverifiedForeground#777885
- debugIcon.continueForeground#777885
- debugIcon.disconnectForeground#777885
- debugIcon.pauseForeground#777885
- debugIcon.restartForeground#777885
- debugIcon.startForeground#777885
- debugIcon.stepBackForeground#777885
- debugIcon.stepIntoForeground#777885
- debugIcon.stepOutForeground#777885
- debugIcon.stepOverForeground#777885
- debugIcon.stopForeground#d16996
- debugToolBar.background#111216
- debugToolBar.border#131317
- descriptionForeground#777885
- diffEditor.border#131317
- diffEditor.diagonalFill#817c9c4d
- diffEditor.insertedTextBackground#be95ff14
- diffEditor.insertedTextBorder#be95ff80
- diffEditor.removedTextBackground#d1699614
- diffEditor.removedTextBorder#d1699680
- dropdown.background#111216
- dropdown.border#817c9c26
- dropdown.foreground#868690
- dropdown.listBackground#111216
- editor.background#010102
- editor.findMatchBackground#817c9c4d
- editor.findMatchHighlightBackground#817c9c4d
- editor.findRangeHighlightBackground#817c9c4d
- editor.findRangeHighlightBorder#0000
- editor.focusedStackFrameHighlightBackground#817c9c26
- editor.foldBackground#111216E6
- editor.foreground#c0c0cc
- editor.hoverHighlightBackground#0000
- editor.inactiveSelectionBackground#817c9c14
- editor.inlineValuesBackground#0000
- editor.inlineValuesForeground#777885
- editor.lineHighlightBackground#817c9c14
- editor.lineHighlightBorder#0000
- editor.linkedEditingBackground#111216
- editor.rangeHighlightBackground#817c9c14
- editor.rangeHighlightBorder#0000
- editor.selectionBackground#4f4861de
- editor.selectionForeground#868690
- editor.selectionHighlightBackground#814cfdb9
- editor.selectionHighlightBorder#0000
- editor.snippetFinalTabstopHighlightBackground#817c9c26
- editor.snippetFinalTabstopHighlightBorder#111216
- editor.snippetTabstopHighlightBackground#817c9c26
- editor.snippetTabstopHighlightBorder#111216
- editor.stackFrameHighlightBackground#817c9c26
- editor.symbolHighlightBackground#817c9c26
- editor.symbolHighlightBorder#0000
- editor.wordHighlightBackground#77719c7a
- editor.wordHighlightBorder#0000
- editor.wordHighlightStrongBackground#817c9c26
- editor.wordHighlightStrongBorder#817c9c26
- editorBracketHighlight.foreground1#7fc9d6
- editorBracketHighlight.foreground2#5BA2D0
- editorBracketHighlight.foreground3#aec9ff
- editorBracketHighlight.foreground4#be95ff
- editorBracketHighlight.foreground5#c17ec4
- editorBracketHighlight.foreground6#dcb1df
- editorBracketMatch.background#0000
- editorBracketMatch.border#777885
- editorBracketPairGuide.activeBackground1#7fc9d6
- editorBracketPairGuide.activeBackground2#5d83c1
- editorBracketPairGuide.activeBackground3#aec9ff
- editorBracketPairGuide.activeBackground4#be95ff
- editorBracketPairGuide.activeBackground5#c17ec4
- editorBracketPairGuide.activeBackground6#dcb1df
- editorBracketPairGuide.background1#7fc9d680
- editorBracketPairGuide.background2#5d83c180
- editorBracketPairGuide.background3#aec9ff80
- editorBracketPairGuide.background4#be95ff80
- editorBracketPairGuide.background5#c17ec480
- editorBracketPairGuide.background6#dcb1df80
- editorCodeLens.foreground#5d83c1
- editorCursor.background#868690
- editorCursor.foreground#be95ff
- editorError.border#0000
- editorError.foreground#d16996
- editorGhostText.foreground#777885
- editorGroup.border#0000
- editorGroup.dropBackground#111216
- editorGroup.emptyBackground#0000
- editorGroup.focusedEmptyBorder#0000
- editorGroupHeader.noTabsBackground#0000
- editorGroupHeader.tabsBackground#0000
- editorGroupHeader.tabsBorder#0000
- editorGutter.addedBackground#be95ff
- editorGutter.background#0000
- editorGutter.commentRangeForeground#9394a5
- editorGutter.deletedBackground#d16996
- editorGutter.foldingControlForeground#d3d5de
- editorGutter.modifiedBackground#7fc9d6
- editorHint.border#0000
- editorHint.foreground#9394a5
- editorHoverWidget.background#111216
- editorHoverWidget.border#43444D80
- editorHoverWidget.foreground#c0c1d3
- editorHoverWidget.highlightForeground#868690
- editorHoverWidget.statusBarBackground#0000
- editorIndentGuide.activeBackground1#43444D
- editorIndentGuide.background1#817c9c4d
- editorInfo.border#131317
- editorInfo.foreground#be95ff
- editorInlayHint.background#131317
- editorInlayHint.foreground#777885
- editorInlayHint.parameterBackground#131317
- editorInlayHint.parameterForeground#d3d5de
- editorInlayHint.typeBackground#131317
- editorInlayHint.typeForeground#be95ff
- editorLightBulb.foreground#7fc9d6
- editorLightBulbAutoFix.foreground#7fc9d6
- editorLineNumber.activeForeground#6c7180
- editorLineNumber.foreground#484c5a
- editorLink.activeForeground#7fc9d6
- editorMarkerNavigation.background#111216
- editorMarkerNavigationError.background#111216
- editorMarkerNavigationInfo.background#111216
- editorMarkerNavigationWarning.background#111216
- editorOverviewRuler.addedForeground#be95ff80
- editorOverviewRuler.background#010102
- editorOverviewRuler.border#817c9c4d
- editorOverviewRuler.bracketMatchForeground#777885
- editorOverviewRuler.commonContentForeground#817c9c14
- editorOverviewRuler.currentContentForeground#817c9c26
- editorOverviewRuler.deletedForeground#d1699680
- editorOverviewRuler.errorForeground#d1699680
- editorOverviewRuler.findMatchForeground#817c9c4d
- editorOverviewRuler.incomingContentForeground#d3d5de80
- editorOverviewRuler.infoForeground#be95ff80
- editorOverviewRuler.modifiedForeground#5d83c180
- editorOverviewRuler.rangeHighlightForeground#817c9c4d
- editorOverviewRuler.selectionHighlightForeground#817c9c4d
- editorOverviewRuler.warningForeground#d3d5de80
- editorOverviewRuler.wordHighlightForeground#817c9c26
- editorOverviewRuler.wordHighlightStrongForeground#817c9c4d
- editorPane.background#0000
- editorRuler.foreground#817c9c4d
- editorSuggestWidget.background#111216
- editorSuggestWidget.border#0000
- editorSuggestWidget.focusHighlightForeground#7fc9d6
- editorSuggestWidget.foreground#bec0cf
- editorSuggestWidget.highlightForeground#7fc9d6
- editorSuggestWidget.selectedBackground#817c9c26
- editorSuggestWidget.selectedForeground#868690
- editorSuggestWidget.selectedIconForeground#868690
- editorUnnecessaryCode.border#0000
- editorUnnecessaryCode.opacity#00000080
- editorWarning.border#0000
- editorWarning.foreground#d3d5de
- editorWhitespace.foreground#43444D
- editorWidget.background#111216
- editorWidget.border#131317
- editorWidget.foreground#777885
- editorWidget.resizeBorder#43444D
- errorForeground#d16996
- extensionBadge.remoteBackground#d3d5de
- extensionBadge.remoteForeground#010102
- extensionButton.prominentBackground#7fc9d6
- extensionButton.prominentForeground#010102
- extensionButton.prominentHoverBackground#7fc9d695
- extensionIcon.starForeground#7fc9d6
- extensionIcon.verifiedForeground#d3d5de
- focusBorder#817c9c26
- foreground#a4a4b1
- gitDecoration.addedResourceForeground#7ddef0
- gitDecoration.conflictingResourceForeground#f55c9e
- gitDecoration.deletedResourceForeground#848492
- gitDecoration.ignoredResourceForeground#666875
- gitDecoration.modifiedResourceForeground#f5b683
- gitDecoration.renamedResourceForeground#F8D2C9
- gitDecoration.stageDeletedResourceForeground#ac79ff
- gitDecoration.stageModifiedResourceForeground#f5b683
- gitDecoration.submoduleResourceForeground#d3d5de
- gitDecoration.untrackedResourceForeground#7ddef0
- icon.foreground#777885
- input.background#13131780
- input.border#817c9c26
- input.foreground#acacb8
- input.placeholderForeground#777885
- inputOption.activeBackground#7fc9d6
- inputOption.activeBorder#0000
- inputOption.activeForeground#010102
- inputValidation.errorBackground#0000
- inputValidation.errorBorder#0000
- inputValidation.errorForeground#d16996
- inputValidation.infoBackground#0000
- inputValidation.infoBorder#0000
- inputValidation.infoForeground#be95ff
- inputValidation.warningBackground#0000
- inputValidation.warningBorder#0000
- inputValidation.warningForeground#be95ff80
- keybindingLabel.background#131317
- keybindingLabel.border#817c9c4d
- keybindingLabel.bottomBorder#817c9c4d
- keybindingLabel.foreground#d3d5de
- keybindingTable.headerBackground#131317
- keybindingTable.rowsBackground#111216
- list.activeSelectionBackground#817c9c26
- list.activeSelectionForeground#868690
- list.activeSelectionIconForeground#868690
- list.deemphasizedForeground#777885
- list.dropBackground#111216
- list.errorForeground#d16996
- list.filterMatchBackground#111216
- list.filterMatchBorder#7fc9d6
- list.focusBackground#817c9c4d
- list.focusForeground#868690
- list.focusOutline#817c9c26
- list.highlightForeground#7fc9d6
- list.hoverBackground#817c9c14
- list.hoverForeground#868690
- list.inactiveFocusBackground#817c9c14
- list.inactiveSelectionBackground#111216
- list.inactiveSelectionForeground#868690
- list.inactiveSelectionIconForeground#777885
- list.invalidItemForeground#d16996
- list.warningForeground#d3d5de
- listFilterWidget.background#111216
- listFilterWidget.noMatchesOutline#d16996
- listFilterWidget.outline#131317
- menu.background#111216
- menu.border#817c9c14
- menu.foreground#DEE0EF
- menu.selectionBackground#817c9c26
- menu.selectionBorder#131317
- menu.selectionForeground#868690
- menu.separatorBackground#868690
- menubar.selectionBackground#817c9c26
- menubar.selectionBorder#817c9c14
- menubar.selectionForeground#868690
- merge.border#131317
- merge.commonContentBackground#817c9c26
- merge.commonHeaderBackground#817c9c26
- merge.currentContentBackground#d3d5de80
- merge.currentHeaderBackground#d3d5de80
- merge.incomingContentBackground#be95ff80
- merge.incomingHeaderBackground#be95ff80
- minimap.background#010102
- minimap.errorHighlight#d1699680
- minimap.findMatchHighlight#817c9c26
- minimap.selectionHighlight#817c9c26
- minimap.warningHighlight#d3d5de80
- minimapGutter.addedBackground#be95ff
- minimapGutter.deletedBackground#d16996
- minimapGutter.modifiedBackground#7fc9d6
- minimapSlider.activeBackground#817c9c4d
- minimapSlider.background#817c9c26
- minimapSlider.hoverBackground#817c9c26
- notificationCenter.border#817c9c26
- notificationCenterHeader.background#111216
- notificationCenterHeader.foreground#777885
- notificationLink.foreground#d3d5de
- notifications.background#111216
- notifications.border#817c9c26
- notifications.foreground#868690
- notificationsErrorIcon.foreground#d16996
- notificationsInfoIcon.foreground#be95ff
- notificationsWarningIcon.foreground#d3d5de
- notificationToast.border#817c9c26
- panel.background#111216
- panel.border#0000
- panel.dropBorder#131317
- panelInput.border#111216
- panelSection.dropBackground#817c9c26
- panelSectionHeader.background#111216
- panelSectionHeader.foreground#868690
- panelTitle.activeBorder#817c9c4d
- panelTitle.activeForeground#868690
- panelTitle.inactiveForeground#777885
- peekView.border#131317
- peekViewEditor.background#111216
- peekViewEditor.matchHighlightBackground#817c9c4d
- peekViewResult.background#111216
- peekViewResult.fileForeground#777885
- peekViewResult.lineForeground#777885
- peekViewResult.matchHighlightBackground#817c9c4d
- peekViewResult.selectionBackground#817c9c26
- peekViewResult.selectionForeground#868690
- peekViewTitle.background#131317
- peekViewTitleDescription.foreground#777885
- pickerGroup.border#817c9c4d
- pickerGroup.foreground#d3d5de
- ports.iconRunningProcessForeground#7fc9d6
- problemsErrorIcon.foreground#d16996
- problemsInfoIcon.foreground#be95ff
- problemsWarningIcon.foreground#d3d5de
- progressBar.background#7fc9d6
- quickInput.background#111216
- quickInput.foreground#777885
- quickInputList.focusBackground#817c9c26
- quickInputList.focusForeground#868690
- quickInputList.focusIconForeground#868690
- scrollbar.shadow#0000
- scrollbarSlider.activeBackground#817c9c4d
- scrollbarSlider.background#817c9c14
- scrollbarSlider.hoverBackground#817c9c26
- searchEditor.findMatchBackground#817c9c26
- selection.background#817c9c4d
- settings.focusedRowBackground#111216
- settings.focusedRowBorder#817c9c26
- settings.headerForeground#868690
- settings.modifiedItemIndicator#7fc9d6
- settings.rowHoverBackground#111216
- sideBar.background#010102
- sideBar.dropBackground#111216
- sideBar.foreground#9a9bac
- sideBarSectionHeader.background#0000
- sideBarSectionHeader.border#817c9c26
- statusBar.background#010102
- statusBar.debuggingBackground#d3d5de
- statusBar.debuggingForeground#010102
- statusBar.foreground#777885
- statusBar.noFolderBackground#010102
- statusBar.noFolderForeground#777885
- statusBarItem.activeBackground#817c9c4d
- statusBarItem.errorBackground#010102
- statusBarItem.errorForeground#d16996
- statusBarItem.hoverBackground#817c9c26
- statusBarItem.prominentBackground#131317
- statusBarItem.prominentForeground#868690
- statusBarItem.prominentHoverBackground#817c9c26
- statusBarItem.remoteBackground#010102
- statusBarItem.remoteForeground#d3d5de
- tab.activeBackground#272055
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#be95ff
- tab.border#0000
- tab.hoverBackground#817c9c26
- tab.inactiveBackground#0000
- tab.inactiveForeground#9192a0
- tab.inactiveModifiedBorder#be95ff80
- tab.lastPinnedBorder#43444D
- tab.selectedBackground#272055
- tab.selectedForeground#ffffff
- tab.unfocusedActiveBackground#0000
- tab.unfocusedHoverBackground#0000
- tab.unfocusedInactiveBackground#0000
- tab.unfocusedInactiveModifiedBorder#be95ff80
- terminal.ansiBlack#131317
- terminal.ansiBlue#be95ff
- terminal.ansiBrightBlack#777885
- terminal.ansiBrightBlue#be95ff
- terminal.ansiBrightCyan#5d83c1
- terminal.ansiBrightGreen#7fc9d6
- terminal.ansiBrightMagenta#d3d5de
- terminal.ansiBrightRed#d16996
- terminal.ansiBrightWhite#868690
- terminal.ansiBrightYellow#d3d5de
- terminal.ansiCyan#5d83c1
- terminal.ansiGreen#7fc9d6
- terminal.ansiMagenta#d3d5de
- terminal.ansiRed#d16996
- terminal.ansiWhite#b2b2be
- terminal.ansiYellow#d3d5de
- terminal.dropBackground#817c9c26
- terminal.foreground#c2c2d1
- terminal.selectionBackground#817c9c26
- terminal.tab.activeBorder#868690
- terminalCursor.background#868690
- terminalCursor.foreground#5BA2D0
- textBlockQuote.background#111216
- textBlockQuote.border#817c9c26
- textCodeBlock.background#111216
- textLink.activeForeground#d3d5dee6
- textLink.foreground#d3d5de
- textPreformat.foreground#d3d5de
- textSeparator.foreground#777885
- titleBar.activeBackground#010102
- titleBar.activeForeground#777885
- titleBar.inactiveBackground#111216
- titleBar.inactiveForeground#777885
- toolbar.activeBackground#817c9c4d
- toolbar.hoverBackground#817c9c26
- tree.indentGuidesStroke#777885
- walkThrough.embeddedEditorBackground#010102
- widget.shadow#1917244d
- window.activeBorder#111216
- window.inactiveBorder#111216
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.name.import.go, meta.attribute-selector.scss, punctuation.definition.string, string | #b2a9da | — |
| entity.name.type.go, keyword.interface.go, meta.class entity.name.type.module, meta.type.annotation entity.name.type, punctuation.other.comma, punctuation.separator.array, punctuation.separator.comma, storage.type | #678fe6 | — |
| cket.curly.scss, constant.numeric, constant.language, constant.character.escape, meta.property-value.scss, meta.property-list.scss, source.css.scss, storage.type.ts, storage.type.tsx, storage.type.function.tsx, variable.language.this | #7fc9d6 | — |
| variable.other, variable.other.property, variable.parameter, meta.definition.variable, variable.object.property, entity.name.type.package.go, meta.function.gradient.css, meta.property-value.scss, meta.property-list.scss, meta.jsx.children | #ffffff | — |
| meta.class entity.name.type.class | #ffffff | underline |
| keyword, keyword.operator, modifier, storage, entity.other.attribute-name | #f7b9ab | — |
| constant.character.escape, entity.name.tag.css, meta.brace.round, meta.tag.other.unrecognized.html.derivative, punctuation.definition.entity.html, punctuation.definition.block, punctuation.definition.parameters, punctuation.accessor, source.css, source.css meta.selector.css, support.module, support.type.property-name.css | #94B8FF | — |
| entity.name, entity.name.tag.close.jsx, entity.name.tag.open.jsx, entity.name.type.interface.ts, keyword.operator.assignment.tsx, keyword.operator.scss, keyword.operator.pattern.css, keyword.type.go, meta.field.declaration entity.name.function, meta.function-call, meta.definition.method entity.name.function, meta.template.expression, punctuation.definition.tag.begin, punctuation.definition.tag.end, support.class.component, support.type, support.class.component.open.jsx, support.class.component.close.jsx, variable.interpolation | #9787ff | — |
| comment | #6f6f6f | — |
| entity.name.tag, entity.other.attribute-name, entity.other.inherited-class.ts, keyword.other.unit, keyword.struct.go, meta.class entity.name.type.module, meta.object-literal.key, meta.type.annotation entity.name.type, variable.other.property.go | #c592ff | — |