YoRHa 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.activeBackground#aca98633
• activityBar.activeBorder#5a6051
• activityBar.activeFocusBorder#489199
• activityBar.background#bcb791
• activityBar.border#bcb791
• activityBar.dropBorder#287bd7
• activityBar.foreground#6b6f5b
• activityBar.inactiveForeground#7b7d66
• activityBarBadge.background#489199
• activityBarBadge.foreground#bcb791
• badge.background#489199
• badge.foreground#bcb791
• breadcrumb.activeSelectionForeground#4a5246
• breadcrumb.background#bcb791
• breadcrumb.focusForeground#5a6051
• breadcrumb.foreground#6b6f5b
• breadcrumbPicker.background#bcb791
• button.background#287bd7
• button.foreground#bcb791
• button.hoverBackground#805e53
• button.secondaryBackground#5a6051
• button.secondaryForeground#bcb791
• button.secondaryHoverBackground#6b6f5b
• charts.blue#287bd7
• charts.foreground#5a6051
• charts.green#ffedbc
• charts.lines#8b8c71
• charts.orange#798e48
• charts.purple#489199
• charts.red#b56151
• charts.yellow#ba6714
• checkbox.background#287bd7
• checkbox.border#aca986
• checkbox.foreground#bcb791
• debugConsole.errorForeground#b56151
• debugConsole.infoForeground#287bd7
• debugConsole.sourceForeground#489199
• debugConsole.warningForeground#798e48
• debugConsoleInputIcon.foreground#7b7d66
• debugExceptionWidget.background#aca986
• debugExceptionWidget.border#aca986
• debugIcon.breakpointCurrentStackframeForeground#ffedbc
• debugIcon.breakpointDisabledForeground#7b7d66
• debugIcon.breakpointForeground#b56151
• debugIcon.breakpointStackframeForeground#ba6714
• debugIcon.breakpointUnverifiedForeground#6b6f5b
• debugIcon.continueForeground#ffedbc
• debugIcon.disconnectForeground#798e48
• debugIcon.pauseForeground#287bd7
• debugIcon.restartForeground#585897
• debugIcon.startForeground#ffedbc
• debugIcon.stepBackForeground#4a5246
• debugIcon.stepIntoForeground#4a5246
• debugIcon.stepOutForeground#4a5246
• debugIcon.stepOverForeground#4a5246
• debugIcon.stopForeground#b56151
• debugTokenExpression.boolean#489199
• debugTokenExpression.error#b56151
• debugTokenExpression.name#287bd7
• debugTokenExpression.number#585897
• debugTokenExpression.string#ffedbc
• debugTokenExpression.value#4a5246
• debugToolBar.background#aca986
• debugToolBar.border#9b9a7c
• debugView.exceptionLabelBackground#aca986
• debugView.exceptionLabelForeground#ba6714
• debugView.stateLabelBackground#aca986
• debugView.stateLabelForeground#287bd7
• debugView.valueChangedHighlight#ba671433
• descriptionForeground#5a6051
• diffEditor.border#aca986
• diffEditor.diagonalFill#aca9867f
• diffEditor.insertedTextBackground#ffedbc20
• diffEditor.removedTextBackground#b5615120
• dropdown.background#aca986
• dropdown.border#aca986
• dropdown.foreground#5a6051
• dropdown.listBackground#aca986
• editor.background#bcb791
• editor.findMatchBackground#ba67143f
• editor.findMatchHighlightBackground#ba671433
• editor.findRangeHighlightBackground#aca986
• editor.focusedStackFrameHighlightBackground#ffedbc3f
• editor.foldBackground#aca98666
• editor.foreground#4a5246
• editor.hoverHighlightBackground#9b9a7c7f
• editor.inactiveSelectionBackground#287bd733
• editor.lineHighlightBackground#bcb791
• editor.lineHighlightBorder#aca986
• editor.rangeHighlightBackground#ba671433
• editor.selectionBackground#287bd733
• editor.selectionForeground#4a5246
• editor.selectionHighlightBackground#aca986
• editor.snippetFinalTabstopHighlightBackground#9b9a7c7f
• editor.snippetTabstopHighlightBackground#aca9867f
• editor.stackFrameHighlightBackground#805e533f
• editor.symbolHighlightBackground#48919933
• editor.wordHighlightBackground#48919933
• editor.wordHighlightStrongBackground#58589733
• editorBracketHighlight.foreground1#4a5246
• editorBracketHighlight.foreground2#ba6714
• editorBracketHighlight.foreground3#805e53
• editorBracketHighlight.foreground4#489199
• editorBracketHighlight.foreground5#ffedbc
• editorBracketHighlight.foreground6#287bd7
• editorBracketHighlight.unexpectedBracket#b56151
• editorBracketMatch.background#aca986
• editorBracketMatch.border#9b9a7c
• editorCodeLens.foreground#6b6f5b
• editorCursor.background#bcb791
• editorCursor.foreground#489199
• editorError.border#4a5246
• editorError.foreground#b56151
• editorGroup.border#aca986
• editorGroup.dropBackground#9b9a7c7f
• editorGroup.emptyBackground#bcb791
• editorGroup.focusedEmptyBorder#aca986
• editorGroupHeader.border#bcb791
• editorGroupHeader.noTabsBackground#bcb791
• editorGroupHeader.tabsBackground#bcb791
• editorGroupHeader.tabsBorder#bcb791
• editorGutter.addedBackground#ffedbc
• editorGutter.background#bcb791
• editorGutter.commentRangeForeground#8b8c71
• editorGutter.deletedBackground#b56151
• editorGutter.foldingControlForeground#6b6f5b
• editorGutter.modifiedBackground#ba6714
• editorHint.border#7b7d66
• editorHint.foreground#585897
• editorHoverWidget.background#aca986
• editorHoverWidget.border#aca986
• editorHoverWidget.foreground#5a6051
• editorHoverWidget.statusBarBackground#287bd733
• editorIndentGuide.activeBackground#9b9a7c
• editorIndentGuide.background#aca986
• editorInfo.border#6b6f5b
• editorInfo.foreground#287bd7
• editorLightBulb.foreground#ba6714
• editorLightBulbAutoFix.foreground#287bd7
• editorLineNumber.activeForeground#7b7d66
• editorLineNumber.foreground#9b9a7c
• editorLink.activeForeground#805e53
• editorMarkerNavigation.background#aca986
• editorMarkerNavigationError.background#b56151
• editorMarkerNavigationInfo.background#287bd7
• editorMarkerNavigationWarning.background#798e48
• editorOverviewRuler.addedForeground#ffedbc7f
• editorOverviewRuler.border#aca986
• editorOverviewRuler.bracketMatchForeground#8b8c71
• editorOverviewRuler.commonContentForeground#489199
• editorOverviewRuler.currentContentForeground#805e53
• editorOverviewRuler.deletedForeground#b561517f
• editorOverviewRuler.errorForeground#b561517f
• editorOverviewRuler.findMatchForeground#ba6714bf
• editorOverviewRuler.incomingContentForeground#287bd7
• editorOverviewRuler.infoForeground#287bd77f
• editorOverviewRuler.modifiedForeground#ba67147f
• editorOverviewRuler.rangeHighlightForeground#9b9a7cbf
• editorOverviewRuler.selectionHighlightForeground#aca986bf
• editorOverviewRuler.warningForeground#798e487f
• editorOverviewRuler.wordHighlightForeground#9b9a7cbf
• editorOverviewRuler.wordHighlightStrongForeground#8b8c71bf
• editorPane.background#bcb791
• editorRuler.foreground#aca986
• editorSuggestWidget.background#aca986
• editorSuggestWidget.border#aca986
• editorSuggestWidget.foreground#5a6051
• editorSuggestWidget.highlightForeground#585897
• editorSuggestWidget.selectedBackground#9b9a7c
• editorUnnecessaryCode.opacity#0000007f
• editorWarning.border#5a6051
• editorWarning.foreground#798e48
• editorWhitespace.foreground#aca986
• editorWidget.background#aca986
• editorWidget.border#aca986
• editorWidget.foreground#5a6051
• editorWidget.resizeBorder#287bd7
• errorForeground#b56151
• extensionBadge.remoteBackground#585897
• extensionBadge.remoteForeground#bcb791
• extensionButton.prominentBackground#287bd7
• extensionButton.prominentForeground#bcb791
• extensionButton.prominentHoverBackground#805e53
• focusBorder#489199
• foreground#4a5246
• gitDecoration.addedResourceForeground#ffedbc
• gitDecoration.conflictingResourceForeground#805e53
• gitDecoration.deletedResourceForeground#b56151
• gitDecoration.ignoredResourceForeground#8b8c71
• gitDecoration.modifiedResourceForeground#ba6714
• gitDecoration.stageDeletedResourceForeground#b56151
• gitDecoration.stageModifiedResourceForeground#805e53
• gitDecoration.submoduleResourceForeground#585897
• gitDecoration.untrackedResourceForeground#489199
• icon.foreground#5a6051
• imagePreview.border#aca986
• input.background#aca986
• input.border#aca986
• input.foreground#5a6051
• input.placeholderForeground#9b9a7c
• inputOption.activeBackground#9b9a7c
• inputOption.activeBorder#805e53
• inputOption.activeForeground#4a5246
• inputValidation.errorBackground#aca986
• inputValidation.errorBorder#b56151
• inputValidation.errorForeground#b56151
• inputValidation.infoBackground#aca986
• inputValidation.infoBorder#287bd7
• inputValidation.infoForeground#287bd7
• inputValidation.warningBackground#aca986
• inputValidation.warningBorder#798e48
• inputValidation.warningForeground#798e48
• list.activeSelectionBackground#48919933
• list.activeSelectionForeground#4a5246
• list.deemphasizedForeground#7b7d66
• list.dropBackground#aca986
• list.errorForeground#b56151
• list.filterMatchBackground#ba671433
• list.filterMatchBorder#ba671433
• list.focusBackground#8b8c713f
• list.focusForeground#4a5246
• list.highlightForeground#ba6714
• list.hoverBackground#aca98633
• list.hoverForeground#4a5246
• list.inactiveFocusBackground#aca9863f
• list.inactiveSelectionBackground#9b9a7c3f
• list.inactiveSelectionForeground#5a6051
• list.invalidItemForeground#b56151
• list.warningForeground#ba6714
• listFilterWidget.background#aca986
• listFilterWidget.noMatchesOutline#b56151
• listFilterWidget.outline#287bd7
• menu.background#bcb791
• menu.foreground#5a6051
• menu.selectionBackground#aca986
• menu.selectionForeground#4a5246
• menu.separatorBackground#9b9a7c
• menubar.selectionBackground#aca986
• menubar.selectionForeground#4a5246
• merge.border#7b7d66
• merge.commonContentBackground#4891994c
• merge.commonHeaderBackground#4891994c
• merge.currentContentBackground#805e534c
• merge.currentHeaderBackground#805e534c
• merge.incomingContentBackground#287bd74c
• merge.incomingHeaderBackground#287bd74c
• minimap.background#bcb791
• minimap.errorHighlight#b5615180
• minimap.findMatchHighlight#ba6714
• minimap.selectionHighlight#287bd780
• minimap.warningHighlight#798e4880
• minimapGutter.addedBackground#ffedbc80
• minimapGutter.deletedBackground#b5615180
• minimapGutter.modifiedBackground#ba671480
• minimapSlider.activeBackground#8b8c7133
• minimapSlider.background#aca98633
• minimapSlider.hoverBackground#9b9a7c33
• notebook.cellBorderColor#aca9863f
• notebook.cellHoverBackground#aca9863f
• notebook.cellInsertionIndicator#ffedbc
• notebook.cellStatusBarItemHoverBackground#aca9863f
• notebook.cellToolbarSeparator#aca9863f
• notebook.focusedCellBackground#aca9867f
• notebook.focusedCellBorder#489199
• notebook.focusedCellShadow#0000003f
• notebook.focusedEditorBorder#aca986
• notebook.focusedRowBorder#489199
• notebook.inactiveFocusedCellBorder#6b6f5b
• notebook.outputContainerBackgroundColor#bcb791
• notebook.rowHoverBackground#aca9867f
• notebook.selectedCellBorder#7b7d66
• notebook.symbolHighlightBackground#4891993f
• notebookScrollbarSlider.activeBackground#6b6f5b7f
• notebookScrollbarSlider.background#8b8c717f
• notebookScrollbarSlider.hoverBackground#7b7d667f
• notebookStatusErrorIcon.foreground#b56151
• notebookStatusRunningIcon.foreground#287bd7
• notebookStatusSuccessIcon.foreground#ffedbc
• notificationCenterHeader.background#9b9a7c
• notificationCenterHeader.foreground#5a6051
• notificationLink.foreground#287bd7
• notifications.background#aca986
• notifications.border#8b8c71
• notifications.foreground#4a5246
• notificationsErrorIcon.foreground#b56151
• notificationsInfoIcon.foreground#287bd7
• notificationsWarningIcon.foreground#798e48
• notificationToast.border#8b8c71
• panel.background#bcb791
• panel.border#aca986
• panel.dropBorder#287bd7
• panelSection.border#aca986
• panelSection.dropBackground#aca9863f
• panelSectionHeader.background#9b9a7c
• panelSectionHeader.border#bcb791
• panelSectionHeader.foreground#5a6051
• panelTitle.activeBorder#8b8c71
• panelTitle.activeForeground#5a6051
• panelTitle.inactiveForeground#7b7d66
• peekView.border#585897
• peekViewEditor.background#aca9867f
• peekViewEditor.matchHighlightBackground#ba67147f
• peekViewEditorGutter.background#aca9867f
• peekViewResult.background#aca986
• peekViewResult.fileForeground#5a6051
• peekViewResult.lineForeground#9b9a7c
• peekViewResult.matchHighlightBackground#ba6714
• peekViewResult.selectionBackground#8b8c71
• peekViewResult.selectionForeground#4a5246
• peekViewTitle.background#aca986
• peekViewTitleDescription.foreground#6b6f5b
• peekViewTitleLabel.foreground#4a5246
• pickerGroup.border#9b9a7c
• pickerGroup.foreground#7b7d66
• problemsErrorIcon.foreground#b56151
• problemsInfoIcon.foreground#287bd7
• problemsWarningIcon.foreground#798e48
• progressBar.background#ffedbc
• quickInput.background#aca986
• quickInput.foreground#4a5246
• quickInputTitle.background#9b9a7c
• sash.hoverBorder#287bd7
• scm.providerBorder#9b9a7c
• scrollbar.shadow#bcb791
• scrollbarSlider.activeBackground#6b6f5b7f
• scrollbarSlider.background#8b8c717f
• scrollbarSlider.hoverBackground#7b7d667f
• selection.background#9b9a7c
• settings.checkboxBackground#287bd7
• settings.checkboxBorder#287bd7
• settings.checkboxForeground#bcb791
• settings.dropdownBackground#aca986
• settings.dropdownForeground#5a6051
• settings.dropdownListBorder#9b9a7c
• settings.focusedRowBackground#bcb791
• settings.headerForeground#4a5246
• settings.modifiedItemIndicator#805e53
• settings.numberInputBackground#aca986
• settings.numberInputForeground#5a6051
• settings.textInputBackground#aca986
• settings.textInputForeground#5a6051
• sideBar.background#bcb791
• sideBar.border#aca986
• sideBar.dropBackground#aca9863f
• sideBar.foreground#5a6051
• sideBarSectionHeader.background#9b9a7c
• sideBarSectionHeader.border#bcb791
• sideBarSectionHeader.foreground#5a6051
• sideBarTitle.foreground#6b6f5b
• statusBar.background#287bd7
• statusBar.border#bcb791
• statusBar.debuggingBackground#798e48
• statusBar.debuggingBorder#bcb791
• statusBar.debuggingForeground#bcb791
• statusBar.foreground#bcb791
• statusBar.noFolderBackground#489199
• statusBar.noFolderBorder#bcb791
• statusBar.noFolderForeground#bcb791
• statusBarItem.activeBackground#805e53
• statusBarItem.errorBackground#b56151
• statusBarItem.errorForeground#bcb791
• statusBarItem.hoverBackground#ffedbc
• statusBarItem.prominentBackground#805e53
• statusBarItem.prominentHoverBackground#ffedbc
• statusBarItem.remoteBackground#805e53
• statusBarItem.remoteForeground#bcb791
• symbolIcon.arrayForeground#585897
• symbolIcon.booleanForeground#489199
• symbolIcon.classForeground#287bd7
• symbolIcon.colorForeground#805e53
• symbolIcon.constantForeground#ffedbc
• symbolIcon.constructorForeground#489199
• symbolIcon.enumeratorForeground#805e53
• symbolIcon.enumeratorMemberForeground#287bd7
• symbolIcon.eventForeground#798e48
• symbolIcon.fieldForeground#b56151
• symbolIcon.fileForeground#5a6051
• symbolIcon.folderForeground#6b6f5b
• symbolIcon.functionForeground#489199
• symbolIcon.interfaceForeground#b56151
• symbolIcon.keyForeground#ba6714
• symbolIcon.keywordForeground#287bd7
• symbolIcon.methodForeground#805e53
• symbolIcon.moduleForeground#805e53
• symbolIcon.namespaceForeground#287bd7
• symbolIcon.nullForeground#b56151
• symbolIcon.numberForeground#798e48
• symbolIcon.objectForeground#4a5246
• symbolIcon.operatorForeground#b56151
• symbolIcon.packageForeground#798e48
• symbolIcon.propertyForeground#805e53
• symbolIcon.referenceForeground#798e48
• symbolIcon.snippetForeground#6b6f5b
• symbolIcon.stringForeground#ffedbc
• symbolIcon.structForeground#287bd7
• symbolIcon.textForeground#4a5246
• symbolIcon.typeParameterForeground#287bd7
• symbolIcon.unitForeground#ba6714
• symbolIcon.variableForeground#798e48
• tab.activeBackground#bcb791
• tab.activeForeground#5a6051
• tab.activeModifiedBorder#ba6714
• tab.border#bcb791
• tab.hoverBackground#aca98680
• tab.hoverForeground#6b6f5b
• tab.inactiveBackground#aca986
• tab.inactiveForeground#8b8c71
• tab.inactiveModifiedBorder#ba6714
• tab.lastPinnedBorder#585897
• tab.unfocusedActiveBackground#bcb791
• tab.unfocusedActiveForeground#8b8c71
• tab.unfocusedActiveModifiedBorder#ba6714
• tab.unfocusedHoverBackground#aca98680
• tab.unfocusedHoverForeground#7b7d66
• tab.unfocusedInactiveBackground#aca986
• tab.unfocusedInactiveForeground#9b9a7c
• tab.unfocusedInactiveModifiedBorder#ba6714
• terminal.ansiBlack#bcb791
• terminal.ansiBlue#287bd7
• terminal.ansiBrightBlack#aca986
• terminal.ansiBrightBlue#287bd7
• terminal.ansiBrightCyan#805e53
• terminal.ansiBrightGreen#805e53
• terminal.ansiBrightMagenta#585897
• terminal.ansiBrightRed#798e48
• terminal.ansiBrightWhite#4a5246
• terminal.ansiBrightYellow#ba6714
• terminal.ansiCyan#805e53
• terminal.ansiGreen#ffedbc
• terminal.ansiMagenta#585897
• terminal.ansiRed#b56151
• terminal.ansiWhite#5a6051
• terminal.ansiYellow#ba6714
• terminal.background#bcb791
• terminal.foreground#5a6051
• terminal.selectionBackground#287bd77f
• terminalCursor.background#aca986
• terminalCursor.foreground#6b6f5b
• testing.iconErrored#b56151
• testing.iconFailed#798e48
• testing.iconPassed#ffedbc
• testing.iconQueued#805e53
• testing.iconSkipped#7b7d66
• testing.iconUnset#6b6f5b
• testing.message.error.decorationForeground#b56151
• testing.message.error.lineBackground#b561513f
• testing.message.hint.decorationForeground#585897
• testing.message.hint.lineBackground#5858973f
• testing.message.info.decorationForeground#287bd7
• testing.message.info.lineBackground#287bd73f
• testing.message.warning.decorationForeground#798e48
• testing.message.warning.lineBackground#798e483f
• testing.peekBorder#8b8c71
• testing.runAction#287bd7
• textBlockQuote.background#aca986
• textBlockQuote.border#aca986
• textCodeBlock.background#bcb791
• textLink.activeForeground#805e53
• textLink.foreground#287bd7
• textPreformat.foreground#798e48
• textSeparator.foreground#7b7d66
• titleBar.activeBackground#bcb791
• titleBar.activeForeground#6b6f5b
• titleBar.inactiveBackground#bcb791
• titleBar.inactiveForeground#8b8c71
• tree.indentGuidesStroke#aca986
• walkThrough.embeddedEditorBackground#bcb791
• welcomePage.background#bcb791
• welcomePage.buttonBackground#aca986
• welcomePage.buttonHoverBackground#9b9a7c
• welcomePage.progress.background#287bd7
• welcomePage.progress.foreground#bcb791
• widget.shadow#bcb791

tokenColors

TextMate scopes and font styles (syntax highlighting rules).