tudoroxo
Publisher: Vinicius MiillerThemes in package: 1
roxo
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#322053
- activityBar.foreground#979b9c
- activityBarBadge.background#ffc600
- activityBarBadge.foreground#000000
- button.background#455c67
- button.hoverBackground#263238
- dropdown.border#182328
- editor.background#302a49
- editor.foreground#b2ccd6
- editor.hoverHighlightBackground#182328
- editor.lineHighlightBackground#182328
- editor.lineHighlightBorder#182328
- editor.selectionBackground#455c67
- editor.wordHighlightBackground#455c67
- editor.wordHighlightStrongBackground#455c67
- editorCursor.foreground#ffcc00
- editorGroup.background#263238
- editorGroup.border#182328
- editorGroupHeader.noTabsBackground#322053
- editorGroupHeader.tabsBackground#322053
- editorLineNumber.foreground#455c67
- editorSuggestWidget.background#263238
- editorSuggestWidget.border#455c67
- editorSuggestWidget.highlightForeground#309687
- editorWidget.background#182328
- focusBorder#455c67
- input.background#1c1828
- input.border#182328
- inputValidation.errorBorder#ffc600dd
- inputValidation.warningBorder#ffc600
- list.activeSelectionBackground#182328
- list.activeSelectionForeground#309687
- list.focusBackground#182328
- list.highlightForeground#FFFFFF
- list.hoverBackground#182328
- list.inactiveSelectionBackground#1f292e
- list.inactiveSelectionForeground#309687
- notification.background#ffc600
- notification.buttonBackground#fa6981
- notification.buttonForeground#ffffff
- notification.buttonHoverBackground#ff9d00
- notification.errorBackground#a22929
- notification.errorForeground#ffffff
- notification.foreground#000000
- notification.infoBackground#fa6981
- notification.infoForeground#ffffff
- notification.warningBackground#ff9d00
- notification.warningForeground#000000
- panel.background#322053
- panel.border#ffc600
- panelTitle.activeBorder#263238
- panelTitle.activeForeground#ffc600
- panelTitle.inactiveForeground#455c67
- pickerGroup.foreground#309687
- progressBar.background#309687
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#30968750
- scrollbarSlider.background#395563c7
- scrollbarSlider.hoverBackground#425c687f
- sideBar.background#322053
- sideBar.border#212a30
- statusBar.background#332638
- statusBar.foreground#9d91a1
- tab.activeBackground#533788
- tab.activeBorder#000000
- tab.border#212a30
- tab.inactiveBackground#212a30
- tab.inactiveForeground#a7a7a7
- terminal.ansiBlack#263238
- terminal.ansiBlue#82aaff
- terminal.ansiBrightBlack#65737e
- terminal.ansiBrightBlue#82aaff
- terminal.ansiBrightCyan#7fcac3
- terminal.ansiBrightGreen#a3be8c
- terminal.ansiBrightMagenta#f77669
- terminal.ansiBrightRed#bf616a
- terminal.ansiBrightWhite#b2ccd6
- terminal.ansiBrightYellow#ffcc00
- terminal.ansiCyan#7fcac3
- terminal.ansiGreen#c3e88d
- terminal.ansiMagenta#f77669
- terminal.ansiRed#fa6981
- terminal.ansiWhite#b2ccd6
- terminal.ansiYellow#ffcc00
- terminalCursor.background#ffc600
- terminalCursor.foreground#ffc600
- textLink.foreground#309687
- titleBar.activeBackground#322053
- titleBar.activeForeground#ffffff
- titleBar.inactiveBackground#263238
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #b2ccd6ff | — |
| string | #C3E88D | — |
| constant.language.boolean | #f77669 | — |
| constant.numeric | #f77669 | — |
| variable, support.variable, support.class, support.constant, meta.definition.variable entity.name.function | #FA6981 | — |
| keyword, modifier, variable.language.this, support.type.object, constant.language | #82AAFF | — |
| entity.name.function, support.function | #82AAFF | — |
| storage.type, storage.modifier | #FFCB6B | — |
| support.module, support.node | #82AAFF | — |
| support.type | #7FCAC3 | — |
| entity.name.type, entity.other.inherited-class | #FFCB6B | — |
| comment | #8eadbd | — |
| entity.name.type.class | #FFCB6B | — |
| variable.object.property | #C3E88D | — |
| meta.definition.method entity.name.function | #FFCB6B | — |
| meta.function entity.name.function | #BD8BDF | — |
| template.expression.begin, template.expression.end | #C3E88D | — |
| meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json | #7FCAC3 | — |
| constant.language.json | #C3E88D | — |
| entity.other.attribute-name.class | #FFCB6B | — |
| entity.other.attribute-name.id | #FFCB6B | — |
| source.css entity.name.tag | #FA6981 | — |
| meta.tag, punctuation.definition.tag | #B2CCD6 | — |
| entity.name.tag | #FA6981 | — |
| entity.other.attribute-name | #FFCB6B | — |
| markup.heading | #B2CCD6 | — |
| text.html.markdown meta.link.inline, meta.link.reference | #B2CCD6 | — |
| text.html.markdown markup.quote | #FFCB6B | — |
| text.html.markdown beginning.punctuation.definition.list | #C3E88D | — |
| markup.italic | #C3E88D | italic |
| markup.bold | #C3E88D | bold |
| markup.bold markup.italic, markup.italic markup.bold | #C3E88D | italic bold |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |