Rishit__Night!!
Publisher: rishitmohanty3Themes in package: 1
A clean and modern dark theme for Visual Studio 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.activeBorder#00E5FF
- activityBar.background#050609
- activityBar.border#00E5FF29
- activityBar.foreground#DCE3F0
- activityBar.inactiveForeground#4A5468
- activityBarBadge.background#FF3EA5
- activityBarBadge.foreground#0A0C12
- badge.background#FF3EA5
- badge.foreground#0A0C12
- button.background#00A8CC
- button.foreground#FFFFFF
- button.hoverBackground#00C9E8
- button.secondaryBackground#1B2333
- button.secondaryForeground#DCE3F0
- diffEditor.insertedTextBackground#39FF8822
- diffEditor.removedTextBackground#FF3E7A22
- dropdown.background#0F131C
- dropdown.border#2A3548
- editor.background#0D1017
- editor.findMatchBackground#00E5FF55
- editor.findMatchHighlightBackground#00E5FF22
- editor.foreground#DCE3F0
- editor.inactiveSelectionBackground#161B26
- editor.lineHighlightBackground#131722
- editor.lineHighlightBorder#131722
- editor.selectionBackground#1B3A4B
- editor.selectionHighlightBackground#16324066
- editor.wordHighlightBackground#1E2836
- editor.wordHighlightStrongBackground#243244
- editorBracketHighlight.foreground1#00E5FF
- editorBracketHighlight.foreground2#FF3EA5
- editorBracketHighlight.foreground3#FF9F6E
- editorBracketHighlight.foreground4#39FF88
- editorBracketHighlight.foreground5#FFC857
- editorBracketHighlight.foreground6#4FD6FF
- editorBracketMatch.background#12303D
- editorBracketMatch.border#00E5FF
- editorCursor.foreground#00E5FF
- editorGroup.border#00E5FF33
- editorGroupHeader.tabsBackground#0A0C12
- editorGroupHeader.tabsBorder#00E5FF22
- editorHoverWidget.background#0A0C12
- editorHoverWidget.border#00E5FF29
- editorIndentGuide.activeBackground1#2E3A4E
- editorIndentGuide.background1#1A1F2B
- editorLineNumber.activeForeground#00E5FF
- editorLineNumber.foreground#3A4356
- editorSuggestWidget.background#0A0C12
- editorSuggestWidget.border#00E5FF29
- editorSuggestWidget.highlightForeground#00E5FF
- editorSuggestWidget.selectedBackground#12303D
- editorWhitespace.foreground#242B3A
- editorWidget.background#0A0C12
- editorWidget.border#00E5FF29
- extensionButton.prominentBackground#00A8CC
- extensionButton.prominentHoverBackground#00C9E8
- focusBorder#00E5FF55
- gitDecoration.addedResourceForeground#39FF88
- gitDecoration.deletedResourceForeground#FF3E7A
- gitDecoration.ignoredResourceForeground#4A5468
- gitDecoration.modifiedResourceForeground#4FD6FF
- gitDecoration.untrackedResourceForeground#2EE6D6
- input.background#0F131C
- input.border#2A3548
- input.foreground#DCE3F0
- input.placeholderForeground#5B6579
- inputOption.activeBorder#00E5FF
- list.activeSelectionBackground#12303D
- list.activeSelectionForeground#EAF0FF
- list.focusBackground#12303D
- list.focusForeground#EAF0FF
- list.highlightForeground#00E5FF
- list.hoverBackground#0F131C
- list.inactiveSelectionBackground#0F1620
- minimap.background#0A0C12
- minimapSlider.background#2A354866
- notificationCenterHeader.background#0A0C12
- notifications.background#0A0C12
- notifications.border#00E5FF29
- panel.background#07080C
- panel.border#00E5FF29
- panelTitle.activeBorder#00E5FF
- panelTitle.activeForeground#EAF0FF
- panelTitle.inactiveForeground#5B6579
- peekView.border#00E5FF55
- peekViewEditor.background#0A0C12
- peekViewResult.background#07080C
- scrollbarSlider.activeBackground#00E5FF66
- scrollbarSlider.background#2A354880
- scrollbarSlider.hoverBackground#3B4A6299
- sideBar.background#07080C
- sideBar.border#00E5FF29
- sideBar.foreground#B7C0D1
- sideBarSectionHeader.background#0A0C12
- sideBarSectionHeader.border#00E5FF1F
- sideBarTitle.foreground#00E5FF
- statusBar.background#050609
- statusBar.border#00E5FF29
- statusBar.debuggingBackground#FFC857
- statusBar.debuggingForeground#0A0C12
- statusBar.foreground#9DAAC0
- tab.activeBackground#0D1017
- tab.activeBorderTop#00E5FF
- tab.activeForeground#EAF0FF
- tab.border#00000000
- tab.inactiveBackground#07080C
- tab.inactiveForeground#5B6579
- tab.unfocusedActiveBorderTop#00E5FF55
- terminal.ansiBlack#000000
- terminal.ansiBlue#4FD6FF
- terminal.ansiBrightBlack#3A4356
- terminal.ansiBrightBlue#8CE8FF
- terminal.ansiBrightCyan#7DF2FF
- terminal.ansiBrightGreen#7BFFB0
- terminal.ansiBrightMagenta#8CE8FF
- terminal.ansiBrightRed#FF6690
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFDA8A
- terminal.ansiCyan#00E5FF
- terminal.ansiGreen#39FF88
- terminal.ansiMagenta#4FD6FF
- terminal.ansiRed#FF3E7A
- terminal.ansiWhite#D8E1F0
- terminal.ansiYellow#FFC857
- terminal.background#000000
- terminal.border#00E5FF29
- terminal.foreground#D8E1F0
- terminalCursor.background#000000
- terminalCursor.foreground#00E5FF
- titleBar.activeBackground#050609
- titleBar.activeForeground#DCE3F0
- titleBar.border#00E5FF29
- tree.indentGuidesStroke#1E2636
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5B6579 | italic |
| keyword, keyword.control, keyword.other, keyword.control.flow, keyword.control.conditional, keyword.control.loop, keyword.control.import, keyword.control.export | #00E5FF | — |
| storage, storage.type, storage.modifier, keyword.type, storage.type.function | #2EE6D6 | — |
| keyword.operator, punctuation.separator, punctuation.terminator, punctuation.accessor, punctuation | #7A8AA6 | — |
| string, string.quoted, string.template, punctuation.definition.string | #5AF7A0 | — |
| constant.numeric | #FFC857 | — |
| constant.language, constant.character, constant.other | #FFC857 | — |
| entity.name.function, support.function, meta.function-call, variable.function | #4FD6FF | — |
| entity.name.type.class, entity.name.type, support.class, support.type, entity.name.type.interface, entity.name.type.struct, entity.name.type.enum | #2EE6D6 | — |
| variable, variable.other, variable.parameter | #EAF0FF | — |
| variable.other.readwrite, meta.definition.variable, variable.other.declaration | #FFFFFF | bold |
| variable.other.property, meta.object-literal.key, variable.other.object.property | #8FE3D6 | — |
| entity.name.tag | #FF3EA5 | — |
| entity.other.attribute-name | #4FD6FF | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #2EE6D6 | — |
| string.regexp | #FFC857 | — |
| meta.decorator, punctuation.decorator, storage.type.annotation | #FF9F6E | — |
| support.type.property-name.json | #4FD6FF | — |
| markup.bold | #FFC857 | bold |
| markup.italic | #5AF7A0 | italic |
| markup.heading | #00E5FF | bold |
| markup.underline.link, string.other.link | #4FD6FF | — |
| invalid, invalid.illegal | #FF3E7A | underline |
| keyword.control.directive, punctuation.definition.directive, meta.preprocessor, support.function.macro | #00E5FF | — |
| string.quoted.other.lt-gt.include, meta.preprocessor.include string | #5AF7A0 | — |
| constant.character.escape, constant.character.escape.regexp | #FFC857 | — |
| variable.language, variable.language.this, variable.language.self | #FF9F6E | italic |
| support.class.component, entity.name.tag.jsx, entity.name.tag.tsx | #FF3EA5 | — |
| punctuation.definition.template-expression, meta.template.expression | #4FD6FF | — |
| keyword.control.tex, support.function.general.tex, punctuation.definition.backslash.tex | #00E5FF | — |
| support.class.tex, keyword.control.environment.tex, punctuation.definition.arguments.tex | #2EE6D6 | — |
| markup.math.tex, keyword.control.math.tex | #5AF7A0 | — |
| markup.raw, markup.fenced_code.block | #8FE3D6 | — |
| entity.name.tag.yaml, support.type.property-name.yaml | #4FD6FF | — |
| keyword.other.DML, keyword.other.DDL, keyword.other.sql | #00E5FF | — |
| keyword.package.go, entity.name.function.go, storage.type.rust, keyword.other.rust | #2EE6D6 | — |
| storage.type.annotation.java, meta.declaration.annotation.java | #FF9F6E | — |