Roteki Theme
Publisher: Marco AurélioThemes in package: 1
A minimalist dark theme with shades of blue and green
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#0d1011
- activityBar.foreground#65737e
- activityBar.inactiveForeground#65737e50
- activityBarBadge.background#31393b
- activityBarBadge.foreground#32c9e4
- badge.background#0d1011
- badge.foreground#c0c8ce
- breadcrumb.activeSelectionForeground#32c9e4
- breadcrumb.background#0d1011
- breadcrumb.focusForeground#f1eaf0
- breadcrumb.foreground#c0c8ce
- breadcrumbPicker.background#181b22
- button.background#0d1011
- button.foreground#99adb8
- button.hoverBackground#3c4346
- debugExceptionWidget.background#0d1011
- debugExceptionWidget.border#0d1011
- debugToolBar.background#0d1011
- descriptionForeground#99adb8
- diffEditor.insertedTextBackground#1d272bcb
- diffEditor.removedTextBackground#5a47549d
- dropdown.background#0d1011
- dropdown.border#0d1011
- dropdown.foreground#c0c8ce
- dropdown.listBackground#0d1011
- editor.background#090c0d
- editor.findMatchBackground#313a3d
- editor.findMatchHighlightBackground#313a3dcb
- editor.findRangeHighlightBackground#0d090acb
- editor.foreground#c0c8ce
- editor.hoverHighlightBackground#60646400
- editor.inactiveSelectionBackground#181B22a0
- editor.lineHighlightBackground#161c1f
- editor.lineHighlightBorder#161c1f
- editor.rangeHighlightBackground#2d3638a0
- editor.selectionBackground#077b83
- editor.selectionHighlightBackground#181B22a0
- editor.snippetFinalTabstopHighlightBorder#616869
- editor.snippetTabstopHighlightBackground#4f44699c
- editor.wordHighlightBackground#65737ea0
- editor.wordHighlightStrongBackground#65737ea0
- editorBracketMatch.background#50565a
- editorBracketMatch.border#50565a
- editorCodeLens.foreground#181B22
- editorCursor.background#d1d4d4
- editorCursor.foreground#d1d4d4
- editorError.border#f34f6371
- editorError.foreground#0d1011
- editorGroup.border#181b22
- editorGroup.dropBackground#181B22a0
- editorGroup.emptyBackground#181b22
- editorGroupHeader.noTabsBackground#181b22
- editorGroupHeader.tabsBackground#181b22
- editorGutter.addedBackground#745f97b0
- editorGutter.background#090c0d
- editorGutter.commentRangeForeground#151718
- editorGutter.deletedBackground#cc4756
- editorGutter.modifiedBackground#064b5c94
- editorHint.border#00000000
- editorHint.foreground#47bacc
- editorHoverWidget.background#181b22
- editorHoverWidget.border#181b22
- editorIndentGuide.activeBackground1#1b2124
- editorIndentGuide.background1#1b2124
- editorInfo.border#090c0d
- editorInfo.foreground#1b1d1f
- editorLineNumber.activeForeground#547f868f
- editorLineNumber.foreground#8f969b
- editorLink.activeForeground#5a7479
- editorMarkerNavigation.background#1d2027
- editorMarkerNavigationError.background#cc4756
- editorMarkerNavigationInfo.background#eba82c
- editorMarkerNavigationWarning.background#b647cc
- editorOverviewRuler.addedForeground#5fb8f3a0
- editorOverviewRuler.border#282f33a0
- editorOverviewRuler.bracketMatchForeground#32c9e4a0
- editorOverviewRuler.commonContentForeground#65737ea0
- editorOverviewRuler.currentContentForeground#47bacca0
- editorOverviewRuler.deletedForeground#cc4756a0
- editorOverviewRuler.errorForeground#cc4756a0
- editorOverviewRuler.findMatchForeground#32c9e4a0
- editorOverviewRuler.incomingContentForeground#47cc9ba0
- editorOverviewRuler.infoForeground#47bacca0
- editorOverviewRuler.modifiedForeground#47bacca0
- editorOverviewRuler.rangeHighlightForeground#32c9e4a0
- editorOverviewRuler.selectionHighlightForeground#65737ea0
- editorOverviewRuler.warningForeground#bacc47a0
- editorOverviewRuler.wordHighlightForeground#65737ea0
- editorOverviewRuler.wordHighlightStrongForeground#65737ea0
- editorPane.background#090c0d
- editorRuler.foreground#141A1B
- editorSuggestWidget.background#1D2027
- editorSuggestWidget.border#1D2027
- editorSuggestWidget.foreground#c0c8ce
- editorSuggestWidget.highlightForeground#ffffff
- editorSuggestWidget.selectedBackground#090c0d
- editorUnnecessaryCode.border#181B22
- editorUnnecessaryCode.opacity#000000a0
- editorWarning.border#00000000
- editorWarning.foreground#c4c5bd
- editorWhitespace.foreground#181B22
- editorWidget.background#090c0d
- editorWidget.border#090c0d
- editorWidget.resizeBorder#181B22
- errorForeground#cc4756
- extensionButton.prominentBackground#181B22
- extensionButton.prominentForeground#32c9e4
- extensionButton.prominentHoverBackground#181B22
- focusBorder#0d1011
- foreground#eff1f5
- gitDecoration.addedResourceForeground#47cc9b
- gitDecoration.conflictingResourceForeground#bacc47
- gitDecoration.deletedResourceForeground#cc4756
- gitDecoration.ignoredResourceForeground#33383bda
- gitDecoration.modifiedResourceForeground#47bacc
- gitDecoration.submoduleResourceForeground#181B22c0
- gitDecoration.untrackedResourceForeground#a7adba
- gitlens.gutterBackgroundColor#00000000
- gitlens.gutterForegroundColor#c0c5ce
- gitlens.gutterUncommittedForegroundColor#32c9e4
- gitlens.lineHighlightBackgroundColor#090c0d
- gitlens.lineHighlightOverviewRulerColor#090c0d
- gitlens.trailingLineBackgroundColor#090c0d
- gitlens.trailingLineForegroundColor#181B22
- input.background#0e1214
- input.foreground#dfe1e8
- input.placeholderForeground#65737e
- inputOption.activeBorder#32c9e4
- inputValidation.errorBackground#1d2027
- inputValidation.errorBorder#cc4756
- inputValidation.infoBackground#1d2027
- inputValidation.infoBorder#80eaf8
- inputValidation.warningBackground#1d2027
- inputValidation.warningBorder#bacc47
- list.activeSelectionBackground#161c1f
- list.activeSelectionForeground#dfe1e8
- list.dropBackground#0e1214
- list.errorForeground#cc4756
- list.focusBackground#31333B
- list.focusForeground#32c9e4
- list.highlightForeground#a6eaf7
- list.hoverBackground#1d2427
- list.hoverForeground#dddfe2
- list.inactiveFocusBackground#181B22
- list.inactiveSelectionBackground#12151B
- list.inactiveSelectionForeground#a7adba
- list.invalidItemForeground#cc4756
- list.warningForeground#fde71e
- menu.background#181B22
- menu.foreground#a7adba
- menu.selectionBackground#181B22
- menu.selectionForeground#a7adba
- menu.separatorBackground#1b2020
- menubar.selectionBackground#12151B
- menubar.selectionForeground#c9f3fa
- merge.commonContentBackground#65737e30
- merge.commonHeaderBackground#65737e50
- merge.currentContentBackground#47bacc30
- merge.currentHeaderBackground#47bacc50
- merge.incomingContentBackground#47cc9b30
- merge.incomingHeaderBackground#47cc9b50
- notificationCenterHeader.background#181B22
- notificationCenterHeader.foreground#dfe1e8
- notificationLink.foreground#32c9e4
- notifications.background#181B22
- notifications.border#181B22
- notifications.foreground#dfe1e8
- panel.background#0d1011
- panel.border#0d1011
- panelTitle.activeBorder#0d1011
- panelTitle.activeForeground#c0c5ce
- panelTitle.inactiveForeground#65737e
- peekView.border#0d1011
- peekViewEditor.background#0d1011
- peekViewEditor.matchHighlightBackground#181B22
- peekViewEditorGutter.background#1d2027
- peekViewResult.background#181b22
- peekViewResult.fileForeground#c0c5ce
- peekViewResult.lineForeground#a7adba
- peekViewResult.matchHighlightBackground#181B22
- peekViewResult.selectionBackground#1d2027
- peekViewResult.selectionForeground#32c9e4
- peekViewTitle.background#181b22
- peekViewTitleDescription.foreground#65737e
- peekViewTitleLabel.foreground#65737e
- pickerGroup.border#32c9e4
- pickerGroup.foreground#32c9e4
- progressBar.background#363c3d
- scrollbar.shadow#181b22
- scrollbarSlider.activeBackground#32c9e4a0
- scrollbarSlider.background#272b3698
- scrollbarSlider.hoverBackground#383e49e7
- selection.background#326b74
- settings.checkboxBackground#181B22
- settings.checkboxBorder#181B22
- settings.checkboxForeground#a7adba
- settings.dropdownBackground#181B22
- settings.dropdownBorder#181B22
- settings.dropdownForeground#a7adba
- settings.dropdownListBorder#181b22
- settings.headerForeground#dfe1e8
- settings.modifiedItemIndicator#47bacc
- settings.numberInputBackground#090c0d
- settings.numberInputForeground#dfe1e8
- settings.textInputBackground#181B22
- settings.textInputForeground#dfe1e8
- sideBar.background#0d1011
- sideBar.dropBackground#12151B
- sideBar.foreground#65737e
- sideBarSectionHeader.background#1d2027
- sideBarSectionHeader.foreground#65737e
- sideBarTitle.foreground#a7adba
- statusBar.background#0d1011
- statusBar.debuggingBackground#6874d5
- statusBar.debuggingForeground#12151B
- statusBar.foreground#a7adba
- statusBar.noFolderBackground#0d1011
- statusBar.noFolderForeground#c0c8ce
- statusBarItem.activeBackground#2b3233
- statusBarItem.hoverBackground#181d1f
- statusBarItem.prominentBackground#17191f
- statusBarItem.prominentHoverBackground#12151B
- tab.activeBackground#0D1011
- tab.activeBorderTop#0D1011
- tab.activeForeground#ecedf0
- tab.border#181B22
- tab.hoverBackground#1D2027
- tab.inactiveBackground#181b22
- tab.inactiveForeground#65737e
- tab.unfocusedActiveBorderTop#12151B
- tab.unfocusedActiveForeground#a7adba
- tab.unfocusedHoverBackground#181B22
- tab.unfocusedInactiveForeground#65737e
- terminal.ansiBlack#181B22
- terminal.ansiBlue#8fa1b3
- terminal.ansiBrightBlack#181B22
- terminal.ansiBrightBlue#80c3e2
- terminal.ansiBrightCyan#c5edf7
- terminal.ansiBrightGreen#a2f0cf
- terminal.ansiBrightMagenta#b48ead
- terminal.ansiBrightRed#bf616a
- terminal.ansiBrightWhite#eff1f5
- terminal.ansiBrightYellow#f8f68b
- terminal.ansiCyan#99faf2
- terminal.ansiGreen#1616163a
- terminal.ansiMagenta#b48ead
- terminal.ansiRed#bf616a
- terminal.ansiWhite#eff1f5
- terminal.ansiYellow#ab7967
- terminal.background#12151B
- terminal.border#181b22
- terminal.foreground#eff1f5
- terminal.selectionBackground#077b83
- terminalCursor.background#eff1f5
- terminalCursor.foreground#eff1f5
- textBlockQuote.background#181B22
- textBlockQuote.border#bddfe6
- textCodeBlock.background#181B22
- textLink.activeForeground#32c9e4
- textLink.foreground#a7adba
- textPreformat.foreground#32c9e4
- textSeparator.foreground#32c9e4
- titleBar.activeBackground#1d2027
- titleBar.activeForeground#c0c5ce
- titleBar.inactiveBackground#1d2027a0
- titleBar.inactiveForeground#c0c5cea0
- walkThrough.embeddedEditorBackground#181b22
- widget.shadow#090c0d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.name.variable, keyword.operator.assignment, meta.template, punctuation.accessor, support.constant, variable | #c0c8ce | |
| comment | #3c4349 | italic |
| punctuation.definition.comment | #50575e | |
| string | #9ddef8 | italic |
| punctuation.definition.string | — | |
| constant.language, constant.numeric | #a2ca34 | |
| keyword - keyword.operator, keyword.control, storage | #a2ca34 | italic |
| storage.type | — | bold |
| keyword.operator | #c0c8ce | — |
| entity.name.type, entity.name.class, support.type, support.class | #c0c5ce | bold |
| variable.language.this | #809fb6 | bold |
| punctuation.definition.template-expression, entity.tag.embedded | #bfcfc7 | bold |
| constant.character.escape | — | bold |
| meta.definition.function, meta.definition.method | #32c9e4 | bold |
| storage.type.function.arrow | #32c9e4 | bold |
| meta.function-call | #a2ca34 | italic |
| variable.parameter | #add5e7 | italic |
| keyword.operator.type.annotation, punctuation.definition.parameters, punctuation.definition.seperator, punctuation.separator, punctuation.terminator | #65737e | — |
| token.debug-token | #6874d5 | — |
| token.info-token | #47bacc | — |
| token.warn-token | #77eee8 | — |
| token.error-token | #cc4756 | — |
| emphasis | — | italic |
| strong | — | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.underline | — | underline |
| markup.heading | #32c9e4 | bold |
| entity.name.section.markdown | #24afc2 | — |
| markup.inline.raw.string.markdown | #dfe1e8 | italic |
| markup.underline.link.markdown | #c0c5ce | bold |
| beginning.punctuation.definition.list.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.raw.markdown | #32c9e4 | bold |
| entity.name.function.c | #a2ca34 | — |
| meta.function-call.c | #ced9df | — |
| support.type.property-name.json | #cad2d8 | — |
| constant.language.json, constant.numeric.json | #a2ca34 | — |
| punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json | #b0bdc7 | — |
| punctuation.definition.string.begin.json, punctuation.definition.string.end.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #b0bdc7 | — |
| entity.name.tag.tsx | #88bb10 | |
| entity.name.tag | #a2ca34 | |
| punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, entity.name.tag.tsx | #88bb10 | — |
| constant.other.groovy | #c0c5ce | bold |
| constant.other.key.groovy | #c0c5ce | italic |
| source.terraform.embedded.source | #65737e | italic |
| entity.other.attribute-name.terraform | #c0c5ce | |
| keyword.other.function.inline.terraform | #09f1e6 | bold |
| keyword.other.section.begin.terraform, keyword.other.section.end.terraform | #32c9e4 | bold |
| entity.name.tag.html | #a2ca34 | bold |
| punctuation.definition.entity.css, support.type.property-name.css | #a7adba | |
| variable | #b2d1d6 | bold |
| support.function.transform.css, support.function.url.css, support.function.misc.css, meta.function.variable.css | #9cd3ec | — |
| entity.other.attribute-name.class.css | #dfe1e8 | bold |
| entity.name.tag.css, entity.name.tag.reference.scss | #79c1cf | bold |
| entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css | #32c9e4 | — |
| entity.other.attribute-name.pseudo-element.css | #58929e | italic |
| keyword.other.important.css, keyword.other.important.scss | #ff0062 | bold |
| variable.scss | #a2ca34 | bold italic |
| entity.name.tag.yaml | #a7adba |