uRadical Themes
Publisher: uRadicalThemes in package: 4
Color themes for VS Code based on the uRadical brand palette — vibrant and pastel variants in light and dark.
Color themes
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#151B35
- activityBar.border#2A3358
- activityBar.foreground#8FCBFF
- activityBar.inactiveForeground#566090
- activityBarBadge.background#C2A6EE
- activityBarBadge.foreground#1A2140
- badge.background#C2A6EE
- badge.foreground#1A2140
- breadcrumb.focusForeground#CBD2E8
- breadcrumb.foreground#7A84AD
- button.background#8FCBFF
- button.foreground#142038
- button.hoverBackground#A9D2FF
- button.secondaryBackground#C2A6EE
- button.secondaryForeground#1A2140
- button.secondaryHoverBackground#D4BFF3
- descriptionForeground#8A93B8
- dropdown.background#1E2649
- dropdown.border#333D63
- dropdown.foreground#CBD2E8
- editor.background#1A2140
- editor.findMatchBackground#ECD87755
- editor.findMatchHighlightBackground#ECD8772E
- editor.foreground#CBD2E8
- editor.lineHighlightBackground#222A50
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#8FCBFF2E
- editor.selectionHighlightBackground#8FCBFF1F
- editor.wordHighlightBackground#C2A6EE2A
- editor.wordHighlightStrongBackground#C2A6EE3A
- editorBracketHighlight.foreground1#8FCBFF
- editorBracketHighlight.foreground2#C2A6EE
- editorBracketHighlight.foreground3#FB97C7
- editorBracketHighlight.foreground4#ECD877
- editorBracketHighlight.foreground5#A9D2FF
- editorBracketHighlight.foreground6#D4BFF3
- editorBracketMatch.background#C2A6EE2A
- editorBracketMatch.border#C2A6EE
- editorCursor.foreground#8FCBFF
- editorError.foreground#FB97C7
- editorGroup.border#2A3358
- editorGroupHeader.tabsBackground#151B35
- editorGutter.addedBackground#8FCBFF
- editorGutter.deletedBackground#FB97C7
- editorGutter.modifiedBackground#ECD877
- editorHoverWidget.background#1E2649
- editorHoverWidget.border#333D63
- editorIndentGuide.activeBackground1#4A5480
- editorIndentGuide.background1#2A3358
- editorInfo.foreground#8FCBFF
- editorLineNumber.activeForeground#8FCBFF
- editorLineNumber.foreground#4A5480
- editorRuler.foreground#2A3358
- editorSuggestWidget.background#1E2649
- editorSuggestWidget.border#333D63
- editorSuggestWidget.highlightForeground#8FCBFF
- editorSuggestWidget.selectedBackground#8FCBFF22
- editorWarning.foreground#ECD877
- editorWhitespace.foreground#333D63
- editorWidget.background#1E2649
- editorWidget.border#333D63
- errorForeground#FB97C7
- focusBorder#8FCBFF55
- foreground#CBD2E8
- gitDecoration.conflictingResourceForeground#C2A6EE
- gitDecoration.deletedResourceForeground#FB97C7
- gitDecoration.ignoredResourceForeground#566090
- gitDecoration.modifiedResourceForeground#ECD877
- gitDecoration.untrackedResourceForeground#7FD0AA
- icon.foreground#C2A6EE
- input.background#1E2649
- input.border#333D63
- input.foreground#CBD2E8
- input.placeholderForeground#6A74A0
- inputOption.activeBackground#8FCBFF2A
- inputOption.activeBorder#8FCBFF
- inputValidation.errorBackground#3A1E33
- inputValidation.errorBorder#FB97C7
- list.activeSelectionBackground#8FCBFF22
- list.activeSelectionForeground#EDF0FA
- list.focusBackground#8FCBFF22
- list.highlightForeground#8FCBFF
- list.hoverBackground#222A50
- list.inactiveSelectionBackground#8FCBFF14
- minimap.findMatchHighlight#ECD877
- panel.background#151B35
- panel.border#2A3358
- panelTitle.activeBorder#8FCBFF
- panelTitle.activeForeground#EDF0FA
- panelTitle.inactiveForeground#7A84AD
- peekView.border#8FCBFF
- peekViewEditor.background#1E2649
- peekViewResult.background#151B35
- peekViewTitle.background#1E2649
- progressBar.background#8FCBFF
- scrollbarSlider.activeBackground#8FCBFF44
- scrollbarSlider.background#8FCBFF1A
- scrollbarSlider.hoverBackground#8FCBFF2A
- selection.background#8FCBFF40
- sideBar.background#151B35
- sideBar.border#2A3358
- sideBar.foreground#B0B9DA
- sideBarSectionHeader.background#1A2140
- sideBarSectionHeader.foreground#B0B9DA
- sideBarTitle.foreground#8A93B8
- statusBar.background#151B35
- statusBar.border#2A3358
- statusBar.debuggingBackground#C2A6EE
- statusBar.debuggingForeground#1A2140
- statusBar.foreground#B0B9DA
- statusBar.noFolderBackground#151B35
- statusBarItem.remoteBackground#C2A6EE
- statusBarItem.remoteForeground#1A2140
- tab.activeBackground#1A2140
- tab.activeBorder#8FCBFF00
- tab.activeBorderTop#8FCBFF
- tab.activeForeground#EDF0FA
- tab.border#2A3358
- tab.hoverBackground#1E2649
- tab.inactiveBackground#151B35
- tab.inactiveForeground#7A84AD
- terminal.ansiBlack#1A2140
- terminal.ansiBlue#8FCBFF
- terminal.ansiBrightBlack#4A5480
- terminal.ansiBrightBlue#A9D2FF
- terminal.ansiBrightCyan#A9E6F5
- terminal.ansiBrightGreen#9FE0C2
- terminal.ansiBrightMagenta#D4BFF3
- terminal.ansiBrightRed#FFB0D5
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#F2E29A
- terminal.ansiCyan#8FD9F0
- terminal.ansiGreen#7FD0AA
- terminal.ansiMagenta#C2A6EE
- terminal.ansiRed#FB97C7
- terminal.ansiWhite#CBD2E8
- terminal.ansiYellow#ECD877
- terminal.background#151B35
- terminal.foreground#CBD2E8
- textLink.activeForeground#A9D2FF
- textLink.foreground#8FCBFF
- textPreformat.foreground#ECD877
- titleBar.activeBackground#151B35
- titleBar.activeForeground#CBD2E8
- titleBar.border#2A3358
- titleBar.inactiveBackground#151B35
- titleBar.inactiveForeground#7A84AD
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6A74A0 | italic |
| string, string.quoted, string.template | #ECD877 | — |
| constant.character.escape, punctuation.definition.template-expression | #FB97C7 | — |
| constant.numeric, constant.language, constant.character | #FB97C7 | — |
| keyword, keyword.control, storage.type, storage.modifier | #C2A6EE | — |
| keyword.operator | #A9D2FF | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #8FCBFF | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class | #D4BFF3 | — |
| variable, variable.other, meta.definition.variable | #CBD2E8 | — |
| variable.parameter | #E0CEF7 | — |
| variable.language, variable.language.this | #FB97C7 | italic |
| entity.name.tag, punctuation.definition.tag | #FB97C7 | — |
| entity.other.attribute-name | #ECD877 | italic |
| support.type.property-name, meta.object-literal.key, variable.object.property | #8FCBFF | — |
| constant.other.color, support.constant | #8FCBFF | — |
| markup.heading, entity.name.section | #8FCBFF | bold |
| markup.bold | #FB97C7 | bold |
| markup.italic | #C2A6EE | italic |
| markup.inline.raw, markup.fenced_code | #ECD877 | — |
| markup.underline.link, string.other.link | #A9D2FF | underline |
| invalid, invalid.illegal | #FB97C7 | — |
| punctuation, meta.brace | #8A93B8 | — |