racdev-theme
Publisher: racdev ThemeThemes in package: 1
theme dark
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#000000
- activityBar.background#0a0c0f
- activityBar.dropBackground#2640b580
- activityBarBadge.background#267fb5
- debugToolBar.background#1c232b
- dropdown.background#202831
- editor.background#0a0c0f
- editor.foreground#aec2e0
- editor.lineHighlightBorder#FFFFFF1a
- editor.rangeHighlightBackground#FFFFFF0d
- editorGroup.border#0a0c0f
- editorGroup.dropBackground#0a0c0f
- editorGroup.focusedEmptyBorder#267fb5
- editorGroupHeader.tabsBackground#0a0c0f
- editorHoverWidget.background#181e25
- editorLineNumber.activeForeground#267fb5
- editorLineNumber.foreground#FFFFFF4d
- editorMarkerNavigation.background#181e25
- editorWidget.background#181e25
- focusBorder#267fb5
- foreground#aec2e0
- input.background#202831
- input.border#3A3F4B
- input.foreground#FFFFFF
- input.placeholderForeground#CCCCCC
- inputOption.activeBorder#267fb5
- list.activeSelectionBackground#2640b580
- list.dropBackground#2640b580
- list.focusBackground#2640b580
- list.hoverBackground#FFFFFF1a
- list.inactiveSelectionBackground#FFFFFF33
- notificationCenterHeader.foreground#FFFFFF
- notificationLink.foreground#FFFFFF
- notifications.background#0a0c0f
- notifications.foreground#FFFFFF
- panel.background#0a0c0f
- panel.border#0a0c0f
- panelTitle.activeBorder#0a0c0f
- panelTitle.activeForeground#FFFFFF
- panelTitle.inactiveForeground#FFFFFF
- peekView.border#267fb5
- peekViewEditor.background#101418
- peekViewResult.background#181e25
- peekViewTitle.background#14191f
- pickerGroup.border#FFFFFF1a
- quickInput.background#1E1E1E
- selection.background#267fb5
- sideBar.background#0a0c0f
- sideBar.border#0a0c0f
- sideBarSectionHeader.background#1c232b
- statusBar.background#0a0c0f
- statusBar.border#0a0c0f
- statusBar.debuggingBackground#267fb5
- statusBar.foreground#FFFFFF
- statusBar.noFolderBackground#101418
- statusBarItem.activeBackground#2640b580
- statusBarItem.hoverBackground#0a0c0f
- tab.activeBackground#181b1f
- tab.activeBorder#528BFF
- tab.border#0a0c0f
- tab.hoverBackground#3E4451
- tab.hoverForeground#FFFFFF
- tab.inactiveBackground#0a0c0f
- tab.inactiveForeground#CCCCCC
- tab.unfocusedActiveBorder#3A3F4B
- titleBar.activeBackground#0a0c0f
- titleBar.activeForeground#FFFFFF
- titleBar.inactiveBackground#0a0c0f
- titleBar.inactiveForeground#FFFFFF
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #979797 | italic |
| entity.name.type.class | #FF5733 | — |
| support.class.component | #7DFDFE | — |
| variable, string constant.other.placeholder | #d3dde2 | — |
| storage.type, storage.modifier | #267fb5 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #FFB20D | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class | #FF410D | — |
| constant.numeric | #C7F026 | — |
| entity.name.tag, meta.tag.sgml | #267fb5 | — |
| entity.other.attribute-name | #FFB20D | — |
| keyword | #748aa6 | — |
| keyword.control, constant.other.color, punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #748aa6 | — |
| text.html.markdown meta.dummy.line-break | #748aa6 | — |
| variable.parameter | #95CC5E | — |
| entity.name.import.go | #95CC5E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #95CC5E | — |
| markup.underline | #95CC5E | underline |