RagCoder Dark
Publisher: ragcoder-devThemes in package: 1
A premium, hyper-vibrant dark theme for VS Code.
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#010409
- activityBar.border#010409
- activityBar.foreground#FF2A93
- activityBar.inactiveForeground#484F58
- activityBarBadge.background#00F0FF
- activityBarBadge.foreground#010409
- editor.background#0D1117
- editor.foreground#FFFFFF
- editor.inactiveSelectionBackground#264F7888
- editor.lineHighlightBackground#161B22
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#264F78
- editorBracketMatch.background#FF2A9333
- editorBracketMatch.border#FF2A93
- editorCursor.foreground#FF2A93
- editorGroup.border#010409
- editorGroupHeader.tabsBackground#010409
- editorGroupHeader.tabsBorder#010409
- editorGutter.addedBackground#00FF66
- editorGutter.background#0D1117
- editorGutter.deletedBackground#FF2A2A
- editorGutter.modifiedBackground#D842FF
- editorIndentGuide.activeBackground1#FF2A93
- editorIndentGuide.activeBackground2#00F0FF
- editorIndentGuide.activeBackground3#00FF66
- editorIndentGuide.background1#21262D
- editorIndentGuide.background2#21262D
- editorIndentGuide.background3#21262D
- editorLineNumber.activeForeground#FFFFFF
- editorLineNumber.foreground#484F58
- editorWhitespace.foreground#21262D
- gitDecoration.conflictingResourceForeground#FF2A93
- gitDecoration.deletedResourceForeground#FF2A2A
- gitDecoration.ignoredResourceForeground#8B949E
- gitDecoration.modifiedResourceForeground#FFEA00
- gitDecoration.submoduleResourceForeground#D842FF
- gitDecoration.untrackedResourceForeground#00FF66
- list.activeSelectionBackground#161B22
- list.activeSelectionForeground#00F0FF
- list.deemphasizedForeground#8B949E
- list.errorForeground#FF2A2A
- list.focusBackground#161B22
- list.focusForeground#FF2A93
- list.hoverBackground#21262D
- list.hoverForeground#FFFFFF
- list.inactiveSelectionBackground#090C10
- list.inactiveSelectionForeground#FF8C00
- list.warningForeground#FFEA00
- panel.background#0D1117
- panel.border#010409
- panelTitle.activeBorder#FF2A93
- panelTitle.activeForeground#FFFFFF
- panelTitle.inactiveForeground#8B949E
- pickerGroup.border#21262D
- pickerGroup.foreground#FF2A93
- quickInput.background#0D1117
- quickInput.foreground#FFFFFF
- quickInputTitle.background#010409
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#FF2A9388
- scrollbarSlider.background#21262D66
- scrollbarSlider.hoverBackground#21262D99
- sideBar.background#090C10
- sideBar.border#010409
- sideBar.foreground#8B949E
- statusBar.background#010409
- statusBar.border#010409
- statusBar.debuggingBackground#FF2A93
- statusBar.foreground#8B949E
- statusBar.noFolderBackground#010409
- tab.activeBackground#0D1117
- tab.activeBorderTop#FF2A93
- tab.activeForeground#FFFFFF
- tab.border#010409
- tab.hoverBackground#161B22
- tab.inactiveBackground#010409
- tab.inactiveForeground#8B949E
- tab.unfocusedActiveForeground#D842FF
- tab.unfocusedHoverBackground#0D1117
- tab.unfocusedHoverForeground#FF8C00
- terminal.ansiBlack#484F58
- terminal.ansiBlue#00F0FF
- terminal.ansiBrightBlack#8B949E
- terminal.ansiBrightBlue#00F0FF
- terminal.ansiBrightCyan#00F0FF
- terminal.ansiBrightGreen#00FF66
- terminal.ansiBrightMagenta#FF2A93
- terminal.ansiBrightRed#FF2A2A
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFEA00
- terminal.ansiCyan#00F0FF
- terminal.ansiGreen#00FF66
- terminal.ansiMagenta#FF2A93
- terminal.ansiRed#FF2A2A
- terminal.ansiWhite#FFFFFF
- terminal.ansiYellow#FFEA00
- terminal.background#0D1117
- terminal.foreground#FFFFFF
- titleBar.activeBackground#010409
- titleBar.activeForeground#FFFFFF
- titleBar.inactiveBackground#010409
- tree.indentGuidesStroke#21262D
- tree.tableColumnsBorder#010409
- tree.tableOddRowsBackground#090C10
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8B949E | italic |
| keyword, storage.type, storage.modifier, keyword.control | #FF2A93 | bold |
| keyword.operator | #FFFFFF | — |
| entity.name.function, support.function | #00F0FF | bold |
| entity.name.method | #00F0FF | — |
| variable, meta.definition.variable.name, variable.other | #FFFFFF | — |
| variable.language, variable.parameter | #FF8C00 | italic |
| string, string.template, constant.other.symbol | #FFEA00 | — |
| constant.numeric, constant.language, constant.character | #FF8C00 | — |
| entity.name.type, support.class, support.type | #D842FF | — |
| entity.name.class, entity.other.inherited-class | #D842FF | bold |
| entity.name.tag, support.class.component | #00FF66 | — |
| entity.other.attribute-name | #FF2A93 | italic |
| punctuation.definition.tag, punctuation.separator.key-value | #8B949E | — |
| meta.import variable.other.readwrite, meta.export variable.other.readwrite | #FFFFFF | — |
| invalid, invalid.illegal | #FFFFFF | — |
| markup.heading, markup.bold | #FF2A93 | bold |
| markup.italic | #00F0FF | italic |