Mandacaru Syntax 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.

• activityBar.activeBorder#f8f8eb
• activityBar.background#302834
• activityBar.dropBorder#37283e
• activityBar.foreground#f8f8eb
• activityBar.inactiveForeground#d2a0c6
• activityBarBadge.background#f8cf91
• activityBarBadge.foreground#302834
• badge.background#f8cf91
• badge.foreground#302834
• banner.background#382e3d
• banner.foreground#f8f8eb
• banner.iconForeground#d2a0c6
• breadcrumb.activeSelectionForeground#f8cf91
• breadcrumb.background#302834
• breadcrumb.focusForeground#d2a0c6
• breadcrumb.foreground#997166
• breadcrumbPicker.background#382e3d
• button.background#f8cf91
• button.foreground#302834
• button.hoverBackground#f8cf91e6
• button.secondaryBackground#382e3d
• button.secondaryForeground#f8f8eb
• button.secondaryHoverBackground#37283e
• charts.blue#fdaf05
• charts.foreground#f8f8eb
• charts.green#e0647e
• charts.lines#d2a0c6
• charts.orange#f8cf91
• charts.purple#a7e39c
• charts.red#a7d9e6
• charts.yellow#a7d9e6
• checkbox.background#382e3d
• checkbox.border#99716633
• checkbox.foreground#f8f8eb
• debugExceptionWidget.background#382e3d
• debugExceptionWidget.border#99716633
• debugIcon.breakpointCurrentStackframeForeground#d2a0c6
• debugIcon.breakpointDisabledForeground#d2a0c6
• debugIcon.breakpointForeground#d2a0c6
• debugIcon.breakpointStackframeForeground#d2a0c6
• debugIcon.breakpointUnverifiedForeground#d2a0c6
• debugIcon.continueForeground#d2a0c6
• debugIcon.disconnectForeground#d2a0c6
• debugIcon.pauseForeground#d2a0c6
• debugIcon.restartForeground#d2a0c6
• debugIcon.startForeground#d2a0c6
• debugIcon.stepBackForeground#d2a0c6
• debugIcon.stepIntoForeground#d2a0c6
• debugIcon.stepOutForeground#d2a0c6
• debugIcon.stepOverForeground#d2a0c6
• debugIcon.stopForeground#a7d9e6
• debugToolBar.background#382e3d
• debugToolBar.border#37283e
• descriptionForeground#d2a0c6
• diffEditor.border#37283e
• diffEditor.diagonalFill#99716666
• diffEditor.insertedLineBackground#fdaf0526
• diffEditor.insertedTextBackground#fdaf0526
• diffEditor.removedLineBackground#a7d9e626
• diffEditor.removedTextBackground#a7d9e626
• diffEditorOverview.insertedForeground#fdaf0580
• diffEditorOverview.removedForeground#a7d9e680
• dropdown.background#382e3d
• dropdown.border#99716633
• dropdown.foreground#f8f8eb
• dropdown.listBackground#382e3d
• editor.background#302834
• editor.findMatchBackground#a7d9e633
• editor.findMatchBorder#a7d9e680
• editor.findMatchForeground#f8f8eb
• editor.findMatchHighlightBackground#99716666
• editor.findMatchHighlightForeground#f8f8ebcc
• editor.findRangeHighlightBackground#99716666
• editor.findRangeHighlightBorder#0000
• editor.focusedStackFrameHighlightBackground#99716633
• editor.foldBackground#99716633
• editor.foreground#f8f8eb
• editor.hoverHighlightBackground#0000
• editor.inactiveSelectionBackground#9971661a
• editor.inlineValuesBackground#0000
• editor.inlineValuesForeground#d2a0c6
• editor.lineHighlightBackground#9971661a
• editor.lineHighlightBorder#0000
• editor.linkedEditingBackground#99716633
• editor.rangeHighlightBackground#9971661a
• editor.selectionBackground#99716633
• editor.selectionForeground#f8f8eb
• editor.selectionHighlightBackground#99716633
• editor.selectionHighlightBorder#302834
• editor.snippetFinalTabstopHighlightBackground#99716633
• editor.snippetFinalTabstopHighlightBorder#382e3d
• editor.snippetTabstopHighlightBackground#99716633
• editor.snippetTabstopHighlightBorder#382e3d
• editor.stackFrameHighlightBackground#99716633
• editor.symbolHighlightBackground#99716633
• editor.symbolHighlightBorder#0000
• editor.wordHighlightBackground#99716633
• editor.wordHighlightBorder#0000
• editor.wordHighlightStrongBackground#99716633
• editor.wordHighlightStrongBorder#99716633
• editorBracketHighlight.foreground1#a7d9e680
• editorBracketHighlight.foreground2#e0647e80
• editorBracketHighlight.foreground3#a7d9e680
• editorBracketHighlight.foreground4#fdaf0580
• editorBracketHighlight.foreground5#f8cf9180
• editorBracketHighlight.foreground6#a7e39c80
• editorBracketMatch.background#0000
• editorBracketMatch.border#d2a0c6
• editorBracketPairGuide.activeBackground1#e0647e
• editorBracketPairGuide.activeBackground2#f8cf91
• editorBracketPairGuide.activeBackground3#a7e39c
• editorBracketPairGuide.activeBackground4#fdaf05
• editorBracketPairGuide.activeBackground5#a7d9e6
• editorBracketPairGuide.activeBackground6#a7d9e6
• editorBracketPairGuide.background1#e0647e80
• editorBracketPairGuide.background2#f8cf9180
• editorBracketPairGuide.background3#a7e39c80
• editorBracketPairGuide.background4#fdaf0580
• editorBracketPairGuide.background5#a7d9e680
• editorBracketPairGuide.background6#a7d9e680
• editorCodeLens.foreground#f8cf91
• editorCursor.background#f8f8eb
• editorCursor.foreground#997166
• editorError.border#0000
• editorError.foreground#a7d9e6
• editorGhostText.foreground#d2a0c6
• editorGroup.border#0000
• editorGroup.dropBackground#382e3d
• editorGroup.emptyBackground#0000
• editorGroup.focusedEmptyBorder#0000
• editorGroupHeader.noTabsBackground#0000
• editorGroupHeader.tabsBackground#0000
• editorGroupHeader.tabsBorder#0000
• editorGutter.addedBackground#fdaf05
• editorGutter.background#302834
• editorGutter.commentRangeForeground#37283e
• editorGutter.deletedBackground#a7d9e6
• editorGutter.foldingControlForeground#a7e39c
• editorGutter.modifiedBackground#f8cf91
• editorHint.border#0000
• editorHint.foreground#d2a0c6
• editorHoverWidget.background#382e3d
• editorHoverWidget.border#99716680
• editorHoverWidget.foreground#d2a0c6
• editorHoverWidget.highlightForeground#f8f8eb
• editorHoverWidget.statusBarBackground#0000
• editorIndentGuide.activeBackground1#997166
• editorIndentGuide.background1#99716666
• editorInfo.border#37283e
• editorInfo.foreground#fdaf05
• editorInlayHint.background#37283e80
• editorInlayHint.foreground#d2a0c680
• editorInlayHint.parameterBackground#37283e80
• editorInlayHint.parameterForeground#a7e39c80
• editorInlayHint.typeBackground#37283e80
• editorInlayHint.typeForeground#fdaf0580
• editorLightBulb.foreground#e0647e
• editorLightBulbAutoFix.foreground#f8cf91
• editorLineNumber.activeForeground#f8f8eb
• editorLineNumber.foreground#d2a0c6
• editorLink.activeForeground#f8cf91
• editorMarkerNavigation.background#382e3d
• editorMarkerNavigationError.background#382e3d
• editorMarkerNavigationInfo.background#382e3d
• editorMarkerNavigationWarning.background#382e3d
• editorOverviewRuler.addedForeground#fdaf0580
• editorOverviewRuler.background#302834
• editorOverviewRuler.border#99716666
• editorOverviewRuler.bracketMatchForeground#d2a0c6
• editorOverviewRuler.commentForeground#d2a0c680
• editorOverviewRuler.commentUnresolvedForeground#a7d9e680
• editorOverviewRuler.commonContentForeground#9971661a
• editorOverviewRuler.currentContentForeground#99716633
• editorOverviewRuler.deletedForeground#a7d9e680
• editorOverviewRuler.errorForeground#a7d9e680
• editorOverviewRuler.findMatchForeground#99716666
• editorOverviewRuler.incomingContentForeground#a7e39c80
• editorOverviewRuler.infoForeground#fdaf0580
• editorOverviewRuler.modifiedForeground#f8cf9180
• editorOverviewRuler.rangeHighlightForeground#99716666
• editorOverviewRuler.selectionHighlightForeground#99716666
• editorOverviewRuler.warningForeground#a7d9e680
• editorOverviewRuler.wordHighlightForeground#99716633
• editorOverviewRuler.wordHighlightStrongForeground#99716666
• editorPane.background#0000
• editorRuler.foreground#99716666
• editorSuggestWidget.background#382e3d
• editorSuggestWidget.border#0000
• editorSuggestWidget.focusHighlightForeground#f8cf91
• editorSuggestWidget.foreground#d2a0c6
• editorSuggestWidget.highlightForeground#f8cf91
• editorSuggestWidget.selectedBackground#99716633
• editorSuggestWidget.selectedForeground#f8f8eb
• editorSuggestWidget.selectedIconForeground#f8f8eb
• editorUnnecessaryCode.border#0000
• editorUnnecessaryCode.opacity#f8f8eb80
• editorWarning.border#0000
• editorWarning.foreground#a7d9e6
• editorWhitespace.foreground#99716680
• editorWidget.background#382e3d
• editorWidget.border#37283e
• editorWidget.foreground#d2a0c6
• editorWidget.resizeBorder#997166
• errorForeground#a7d9e6
• extensionBadge.remoteBackground#a7e39c
• extensionBadge.remoteForeground#302834
• extensionButton.prominentBackground#f8cf91
• extensionButton.prominentForeground#302834
• extensionButton.prominentHoverBackground#f8cf91e6
• extensionIcon.preReleaseForeground#e0647e
• extensionIcon.starForeground#f8cf91
• extensionIcon.verifiedForeground#a7e39c
• focusBorder#99716633
• foreground#f8f8eb
• git.blame.editorDecorationForeground#997166
• gitDecoration.addedResourceForeground#fdaf05
• gitDecoration.conflictingResourceForeground#a7d9e6
• gitDecoration.deletedResourceForeground#d2a0c6
• gitDecoration.ignoredResourceForeground#997166
• gitDecoration.modifiedResourceForeground#f8cf91
• gitDecoration.renamedResourceForeground#e0647e
• gitDecoration.stageDeletedResourceForeground#a7d9e6
• gitDecoration.stageModifiedResourceForeground#a7e39c
• gitDecoration.submoduleResourceForeground#a7d9e6
• gitDecoration.untrackedResourceForeground#a7d9e6
• icon.foreground#d2a0c6
• input.background#37283e80
• input.border#99716633
• input.foreground#f8f8eb
• input.placeholderForeground#d2a0c6
• inputOption.activeBackground#f8cf9126
• inputOption.activeBorder#0000
• inputOption.activeForeground#f8cf91
• inputValidation.errorBackground#382e3d
• inputValidation.errorBorder#99716666
• inputValidation.errorForeground#a7d9e6
• inputValidation.infoBackground#382e3d
• inputValidation.infoBorder#99716666
• inputValidation.infoForeground#fdaf05
• inputValidation.warningBackground#382e3d
• inputValidation.warningBorder#99716666
• inputValidation.warningForeground#fdaf0580
• keybindingLabel.background#37283e
• keybindingLabel.border#99716666
• keybindingLabel.bottomBorder#99716666
• keybindingLabel.foreground#a7e39c
• keybindingTable.headerBackground#37283e
• keybindingTable.rowsBackground#382e3d
• list.activeSelectionBackground#99716633
• list.activeSelectionForeground#f8f8eb
• list.deemphasizedForeground#d2a0c6
• list.dropBackground#382e3d
• list.errorForeground#a7d9e6
• list.filterMatchBackground#382e3d
• list.filterMatchBorder#f8cf91
• list.focusBackground#99716666
• list.focusForeground#f8f8eb
• list.focusOutline#99716633
• list.highlightForeground#f8cf91
• list.hoverBackground#9971661a
• list.hoverForeground#f8f8eb
• list.inactiveFocusBackground#9971661a
• list.inactiveSelectionBackground#382e3d
• list.inactiveSelectionForeground#f8f8eb
• list.invalidItemForeground#a7d9e6
• list.warningForeground#a7d9e6
• listFilterWidget.background#382e3d
• listFilterWidget.noMatchesOutline#a7d9e6
• listFilterWidget.outline#37283e
• menu.background#382e3d
• menu.border#9971661a
• menu.foreground#f8f8eb
• menu.selectionBackground#99716633
• menu.selectionBorder#37283e
• menu.selectionForeground#f8f8eb
• menu.separatorBackground#99716666
• menubar.selectionBackground#99716633
• menubar.selectionBorder#9971661a
• menubar.selectionForeground#f8f8eb
• merge.border#37283e
• merge.commonContentBackground#99716633
• merge.commonHeaderBackground#99716633
• merge.currentContentBackground#a7d9e633
• merge.currentHeaderBackground#a7d9e633
• merge.incomingContentBackground#fdaf0533
• merge.incomingHeaderBackground#fdaf0533
• minimap.background#382e3d
• minimap.errorHighlight#a7d9e680
• minimap.findMatchHighlight#99716633
• minimap.selectionHighlight#99716633
• minimap.warningHighlight#a7d9e680
• minimapGutter.addedBackground#fdaf05
• minimapGutter.deletedBackground#a7d9e6
• minimapGutter.modifiedBackground#f8cf91
• minimapSlider.activeBackground#99716666
• minimapSlider.background#99716633
• minimapSlider.hoverBackground#99716633
• notebook.cellBorderColor#fdaf0580
• notebook.cellEditorBackground#382e3d
• notebook.cellHoverBackground#37283e80
• notebook.focusedCellBackground#9971661a
• notebook.focusedCellBorder#fdaf05
• notebook.outputContainerBackgroundColor#9971661a
• notificationCenter.border#99716633
• notificationCenterHeader.background#382e3d
• notificationCenterHeader.foreground#d2a0c6
• notificationLink.foreground#a7e39c
• notifications.background#382e3d
• notifications.border#99716633
• notifications.foreground#f8f8eb
• notificationsErrorIcon.foreground#a7d9e6
• notificationsInfoIcon.foreground#fdaf05
• notificationsWarningIcon.foreground#a7d9e6
• notificationToast.border#99716633
• panel.background#382e3d
• panel.border#0000
• panel.dropBorder#37283e
• panelInput.border#382e3d
• panelSection.dropBackground#99716633
• panelSectionHeader.background#382e3d
• panelSectionHeader.foreground#f8f8eb
• panelTitle.activeBorder#99716666
• panelTitle.activeForeground#f8f8eb
• panelTitle.inactiveForeground#d2a0c6
• peekView.border#37283e
• peekViewEditor.background#382e3d
• peekViewEditor.matchHighlightBackground#99716666
• peekViewResult.background#382e3d
• peekViewResult.fileForeground#d2a0c6
• peekViewResult.lineForeground#d2a0c6
• peekViewResult.matchHighlightBackground#99716666
• peekViewResult.selectionBackground#99716633
• peekViewResult.selectionForeground#f8f8eb
• peekViewTitle.background#37283e
• peekViewTitleDescription.foreground#d2a0c6
• pickerGroup.border#99716666
• pickerGroup.foreground#a7e39c
• ports.iconRunningProcessForeground#f8cf91
• problemsErrorIcon.foreground#a7d9e6
• problemsInfoIcon.foreground#fdaf05
• problemsWarningIcon.foreground#a7d9e6
• progressBar.background#f8cf91
• quickInput.background#382e3d
• quickInput.foreground#d2a0c6
• quickInputList.focusBackground#99716633
• quickInputList.focusForeground#f8f8eb
• quickInputList.focusIconForeground#f8f8eb
• scrollbar.shadow#382e3d4d
• scrollbarSlider.activeBackground#e0647e80
• scrollbarSlider.background#99716633
• scrollbarSlider.hoverBackground#99716666
• searchEditor.findMatchBackground#99716633
• selection.background#99716666
• settings.focusedRowBackground#382e3d
• settings.focusedRowBorder#99716633
• settings.headerForeground#f8f8eb
• settings.modifiedItemIndicator#f8cf91
• settings.rowHoverBackground#382e3d
• sideBar.background#302834
• sideBar.dropBackground#382e3d
• sideBar.foreground#d2a0c6
• sideBarSectionHeader.background#0000
• sideBarSectionHeader.border#99716633
• statusBar.background#302834
• statusBar.debuggingBackground#a7e39c
• statusBar.debuggingForeground#302834
• statusBar.foreground#d2a0c6
• statusBar.noFolderBackground#302834
• statusBar.noFolderForeground#d2a0c6
• statusBarItem.activeBackground#99716666
• statusBarItem.errorBackground#302834
• statusBarItem.errorForeground#a7d9e6
• statusBarItem.hoverBackground#99716633
• statusBarItem.prominentBackground#37283e
• statusBarItem.prominentForeground#f8f8eb
• statusBarItem.prominentHoverBackground#99716633
• statusBarItem.remoteBackground#302834
• statusBarItem.remoteForeground#a7d9e6
• symbolIcon.arrayForeground#d2a0c6
• symbolIcon.classForeground#d2a0c6
• symbolIcon.colorForeground#d2a0c6
• symbolIcon.constantForeground#d2a0c6
• symbolIcon.constructorForeground#d2a0c6
• symbolIcon.enumeratorForeground#d2a0c6
• symbolIcon.enumeratorMemberForeground#d2a0c6
• symbolIcon.eventForeground#d2a0c6
• symbolIcon.fieldForeground#d2a0c6
• symbolIcon.fileForeground#d2a0c6
• symbolIcon.folderForeground#d2a0c6
• symbolIcon.functionForeground#d2a0c6
• symbolIcon.interfaceForeground#d2a0c6
• symbolIcon.keyForeground#d2a0c6
• symbolIcon.keywordForeground#d2a0c6
• symbolIcon.methodForeground#d2a0c6
• symbolIcon.moduleForeground#d2a0c6
• symbolIcon.namespaceForeground#d2a0c6
• symbolIcon.nullForeground#d2a0c6
• symbolIcon.numberForeground#d2a0c6
• symbolIcon.objectForeground#d2a0c6
• symbolIcon.operatorForeground#d2a0c6
• symbolIcon.packageForeground#d2a0c6
• symbolIcon.propertyForeground#d2a0c6
• symbolIcon.referenceForeground#d2a0c6
• symbolIcon.snippetForeground#d2a0c6
• symbolIcon.stringForeground#d2a0c6
• symbolIcon.structForeground#d2a0c6
• symbolIcon.textForeground#d2a0c6
• symbolIcon.typeParameterForeground#d2a0c6
• symbolIcon.unitForeground#d2a0c6
• symbolIcon.variableForeground#d2a0c6
• tab.activeBackground#9971661a
• tab.activeForeground#f8f8eb
• tab.activeModifiedBorder#fdaf05
• tab.border#0000
• tab.hoverBackground#99716633
• tab.inactiveBackground#0000
• tab.inactiveForeground#d2a0c6
• tab.inactiveModifiedBorder#fdaf0580
• tab.lastPinnedBorder#997166
• tab.unfocusedActiveBackground#0000
• tab.unfocusedHoverBackground#0000
• tab.unfocusedInactiveBackground#0000
• tab.unfocusedInactiveModifiedBorder#fdaf0580
• terminal.ansiBlack#37283e
• terminal.ansiBlue#fdaf05
• terminal.ansiBrightBlack#d2a0c6
• terminal.ansiBrightBlue#fdaf05
• terminal.ansiBrightCyan#f8cf91
• terminal.ansiBrightGreen#e0647e
• terminal.ansiBrightMagenta#a7e39c
• terminal.ansiBrightRed#a7d9e6
• terminal.ansiBrightWhite#f8f8eb
• terminal.ansiBrightYellow#a7d9e6
• terminal.ansiCyan#f8cf91
• terminal.ansiGreen#e0647e
• terminal.ansiMagenta#a7e39c
• terminal.ansiRed#a7d9e6
• terminal.ansiWhite#f8f8eb
• terminal.ansiYellow#a7d9e6
• terminal.dropBackground#99716633
• terminal.foreground#f8f8eb
• terminal.selectionBackground#99716633
• terminal.tab.activeBorder#f8f8eb
• terminalCursor.background#f8f8eb
• terminalCursor.foreground#997166
• textBlockQuote.background#382e3d
• textBlockQuote.border#99716633
• textCodeBlock.background#382e3d
• textLink.activeForeground#a7e39ce6
• textLink.foreground#a7e39c
• textPreformat.foreground#a7d9e6
• textSeparator.foreground#d2a0c6
• titleBar.activeBackground#302834
• titleBar.activeForeground#d2a0c6
• titleBar.inactiveBackground#382e3d
• titleBar.inactiveForeground#d2a0c6
• toolbar.activeBackground#99716666
• toolbar.hoverBackground#99716633
• tree.indentGuidesStroke#d2a0c6
• walkThrough.embeddedEditorBackground#302834
• welcomePage.background#302834
• widget.shadow#382e3d4d
• window.activeBorder#382e3d
• window.inactiveBorder#382e3d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).