High Contrast Sunset
Publisher: Krishna Kumar MehtaThemes in package: 1
Bold aur sharp warm sunset tones ka high contrast VS Code theme
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#0D0810
- activityBar.border#2D1520
- activityBar.foreground#FF6B35
- activityBar.inactiveForeground#4A2535
- activityBarBadge.background#FF4500
- activityBarBadge.foreground#FFF0DC
- badge.background#FF4500
- badge.foreground#0A0608
- breadcrumb.activeSelectionForeground#FF4500
- breadcrumb.focusForeground#FF6B35
- breadcrumb.foreground#4A2535
- breadcrumbPicker.background#160C14
- button.background#A33000
- button.foreground#FFF0DC
- button.hoverBackground#FF4500
- contrastBorder#7A1F00
- editor.background#0A0608
- editor.findMatchBackground#FF4500CC
- editor.findMatchHighlightBackground#FF450055
- editor.foreground#FFF0DC
- editor.lineHighlightBackground#1A0D14
- editor.selectionBackground#A3290066
- editor.selectionHighlightBackground#FF6B0033
- editor.wordHighlightBackground#8B000044
- editor.wordHighlightStrongBackground#FF6B0055
- editorBracketMatch.background#A3290055
- editorBracketMatch.border#FF4500
- editorCursor.foreground#FF4500
- editorError.foreground#FF2052
- editorGroupHeader.tabsBackground#0D0810
- editorGroupHeader.tabsBorder#2D1520
- editorGutter.background#0A0608
- editorIndentGuide.activeBackground#7A1F00
- editorIndentGuide.background#1E0F18
- editorInfo.foreground#FF6B35
- editorLineNumber.activeForeground#FF6B35
- editorLineNumber.foreground#4A2535
- editorWarning.foreground#FFA500
- editorWhitespace.foreground#2D1520
- focusBorder#FF4500
- input.background#160C14
- input.border#7A1F00
- input.foreground#FFF0DC
- input.placeholderForeground#4A2535
- inputOption.activeBackground#7A1F0066
- inputOption.activeBorder#FF4500
- list.activeSelectionBackground#7A1F00
- list.activeSelectionForeground#FFF0DC
- list.focusHighlightForeground#FFB347
- list.highlightForeground#FF4500
- list.hoverBackground#1A0D14
- list.hoverForeground#FF6B35
- list.inactiveSelectionBackground#2D1520
- list.inactiveSelectionForeground#D4956A
- menu.background#160C14
- menu.foreground#FFF0DC
- menu.selectionBackground#7A1F00
- menu.selectionForeground#FFF0DC
- menu.separatorBackground#2D1520
- menubar.selectionBackground#2D1520
- menubar.selectionForeground#FF6B35
- notifications.background#160C14
- notifications.border#2D1520
- notifications.foreground#FFF0DC
- panel.background#0A0608
- panel.border#2D1520
- panelTitle.activeBorder#FF4500
- panelTitle.activeForeground#FF4500
- panelTitle.inactiveForeground#4A2535
- progressBar.background#FF4500
- quickInput.background#160C14
- quickInput.foreground#FFF0DC
- quickInputHighlightForeground#FF4500
- scrollbarSlider.activeBackground#A3300088
- scrollbarSlider.background#2D152088
- scrollbarSlider.hoverBackground#7A1F0088
- sideBar.background#0D0810
- sideBar.border#2D1520
- sideBar.foreground#D4956A
- sideBarSectionHeader.background#160C14
- sideBarSectionHeader.border#2D1520
- sideBarSectionHeader.foreground#FF4500
- sideBarTitle.foreground#FF6B35
- statusBar.background#2D0A00
- statusBar.border#7A1F00
- statusBar.foreground#FFF0DC
- statusBarItem.activeBackground#A33000
- statusBarItem.hoverBackground#7A1F00
- tab.activeBackground#0A0608
- tab.activeBorder#FF4500
- tab.activeForeground#FF6B35
- tab.border#2D1520
- tab.hoverBackground#1A0D14
- tab.hoverForeground#D4956A
- tab.inactiveBackground#0D0810
- tab.inactiveForeground#4A2535
- terminal.ansiBlack#0A0608
- terminal.ansiBlue#C2410C
- terminal.ansiBrightBlack#4A2535
- terminal.ansiBrightCyan#EEC9A0
- terminal.ansiBrightGreen#FFD580
- terminal.ansiBrightMagenta#FF6B35
- terminal.ansiBrightRed#FF4D6D
- terminal.ansiBrightWhite#FFF8F0
- terminal.ansiBrightYellow#FF8C55
- terminal.ansiCyan#D4956A
- terminal.ansiGreen#FFB347
- terminal.ansiMagenta#FF4500
- terminal.ansiRed#FF2052
- terminal.ansiWhite#FFF0DC
- terminal.ansiYellow#FF6B35
- terminal.background#0A0608
- terminal.foreground#FFF0DC
- terminalCursor.foreground#FF4500
- titleBar.activeBackground#0D0810
- titleBar.activeForeground#FF6B35
- titleBar.border#2D1520
- titleBar.inactiveBackground#0A0608
- titleBar.inactiveForeground#4A2535
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6B3545 | italic |
| keyword.control, keyword.operator.new, storage.type, storage.modifier | #FF4500 | bold |
| keyword.control.flow, keyword.control.return, keyword.control.if, keyword.control.else, keyword.control.for, keyword.control.while, keyword.control.switch | #FF2052 | bold |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #C2410C | bold |
| string, string.quoted, string.template | #FFD580 | — |
| punctuation.definition.template-expression | #FF6B35 | — |
| constant.character.escape, string.regexp | #FFB347 | — |
| constant.numeric | #FF8C55 | bold |
| constant.language | #FF4500 | bold italic |
| entity.name.function, meta.definition.method entity.name.function | #FFB347 | bold |
| meta.function-call entity.name.function, support.function | #FF8C55 | — |
| variable.parameter | #D4956A | italic |
| entity.name.class, entity.name.type.class, support.class | #FF6B35 | bold |
| entity.name.type, entity.name.type.interface, support.type | #FFA070 | — |
| variable, variable.other.readwrite | #FFF0DC | — |
| variable.other.property, support.variable.property | #FFD580 | — |
| variable.language.this, variable.language.self | #FF2052 | bold italic |
| keyword.operator | #C2410C | — |
| punctuation.definition.block, meta.brace.round, meta.brace.square | #A3603A | — |
| entity.name.tag | #FF4500 | bold |
| entity.other.attribute-name | #FFB347 | — |
| support.type.property-name.css | #FF8C55 | — |
| support.constant.property-value.css | #FFD580 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #FF4500 | bold |
| meta.object-literal.key, support.type.property-name | #FFA070 | — |
| support.type.property-name.json | #FF8C55 | — |
| meta.decorator, punctuation.decorator | #FF2052 | italic bold |
| invalid, invalid.deprecated | #FF2052 | underline bold |
| markup.heading | #FF4500 | bold |
| markup.bold | #FFB347 | bold |
| markup.italic | #D4956A | italic |
| markup.inline.raw, markup.fenced_code.block | #FFD580 | — |
| markup.underline.link | #FF6B35 | underline |