Skip to main content
Coding Theme

deluxious

Publisher: DELUUXEThemes in package: 1

vscode theme by deluuxe based on the solarized dark theme by microsoft

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#003c5f
  • badge.background#047aa6
  • button.background#2a7ba199
  • debugExceptionWidget.background#00212B
  • debugExceptionWidget.border#be0000
  • debugToolBar.background#00212B
  • dropdown.background#00212B
  • dropdown.border#2a75a199
  • editor.background#0f2c3d
  • editor.lineHighlightBackground#073642
  • editor.selectionBackground#000000d3
  • editor.selectionHighlightBackground#00000083
  • editor.wordHighlightBackground#004454AA
  • editor.wordHighlightStrongBackground#005A6FAA
  • editorCursor.foreground#ffffff
  • editorGroup.border#00212B
  • editorGroup.dropBackground#00aeff17
  • editorGroupHeader.tabsBackground#003152
  • editorHoverWidget.background#004052
  • editorIndentGuide.activeBackground#C3E1E180
  • editorIndentGuide.background#93A1A180
  • editorLineNumber.activeForeground#FFFFFF
  • editorMarkerNavigationError.background#AB395B
  • editorMarkerNavigationWarning.background#5B7E7A
  • editorWhitespace.foreground#93A1A180
  • editorWidget.background#00212B
  • errorForeground#ffeaea
  • focusBorder#2a85a199
  • input.background#003847
  • input.foreground#93A1A1
  • input.placeholderForeground#93A1A1AA
  • inputOption.activeBorder#2a7ba199
  • inputValidation.errorBackground#751426
  • inputValidation.errorBorder#ff0000
  • inputValidation.infoBackground#052730
  • inputValidation.infoBorder#00ADFF
  • inputValidation.warningBackground#5e2a00
  • inputValidation.warningBorder#a05f0a
  • list.activeSelectionBackground#004c6f
  • list.dropBackground#00355488
  • list.focusBackground#00436f
  • list.highlightForeground#1e9ec5
  • list.hoverBackground#004454AA
  • list.inactiveSelectionBackground#00445488
  • panel.border#00628f
  • peekView.border#2b2b4a
  • peekViewEditor.background#10192c
  • peekViewEditor.matchHighlightBackground#7744AA40
  • peekViewResult.background#00212B
  • peekViewTitle.background#00212B
  • pickerGroup.border#2AA19899
  • pickerGroup.foreground#2AA19899
  • progressBar.background#047aa6
  • selection.background#2a85a199
  • sideBar.background#062c3d
  • sideBarTitle.foreground#93A1A1
  • statusBar.background#00000067
  • statusBar.border#00ADFF
  • statusBar.debuggingBackground#00aeffb4
  • statusBar.debuggingBorder#004b6e
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#FFFFFF
  • statusBar.noFolderBackground#00000067
  • statusBar.noFolderBorder#00ADFF
  • statusBar.noFolderForeground#FFFFFF
  • statusBarItem.prominentBackground#003847
  • statusBarItem.prominentHoverBackground#003847
  • tab.activeBackground#0f2c3d
  • tab.activeForeground#d6dbdb
  • tab.border#003847
  • tab.inactiveBackground#003152
  • tab.inactiveForeground#93A1A1
  • terminal.ansiBlack#073642
  • terminal.ansiBlue#268bd2
  • terminal.ansiBrightBlack#586e75
  • terminal.ansiBrightBlue#839496
  • terminal.ansiBrightCyan#93a1a1
  • terminal.ansiBrightGreen#586e75
  • terminal.ansiBrightMagenta#6c71c4
  • terminal.ansiBrightRed#cb4b16
  • terminal.ansiBrightWhite#fdf6e3
  • terminal.ansiBrightYellow#657b83
  • terminal.ansiCyan#2aa198
  • terminal.ansiGreen#0087c5
  • terminal.ansiMagenta#d33682
  • terminal.ansiRed#dc322f
  • terminal.ansiWhite#eee8d5
  • terminal.ansiYellow#b58900
  • titleBar.activeBackground#002739

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#93A1A1
meta.embedded, source.groovy.embedded#93A1A1
comment#657B83italic
string#2AA198
string.regexp#D30102
constant.numeric#cc1ab4
variable.language, variable.other#268BD2
keyword#0087c5
storage#93A1A1bold
entity.name.class, entity.name.type#CB4B16
entity.name.function#268BD2
punctuation.definition.variable#0087c5
punctuation.section.embedded.begin, punctuation.section.embedded.end#D30102
constant.language, meta.preprocessor#B58900
support.function.construct, keyword.other.new#CB4B16
constant.character, constant.other#CB4B16
entity.other.inherited-class#6C71C4
variable.parameter
entity.name.tag#268BD2
punctuation.definition.tag#657B83
entity.other.attribute-name#93A1A1
support.function#268BD2
punctuation.separator.continuation#D30102
support.constant
support.type, support.class#0087c5
support.type.exception#CB4B16
support.other.variable
invalid
meta.diff, meta.diff.header#E0EDDDitalic
markup.deleted#dc322f
markup.changed#cb4b16
markup.inserted#219186
markup.quote#0087c5
markup.list#B58900
markup.bold, markup.italic#D33682
markup.inline.raw#2AA198
markup.heading#268BD2
markup.heading.setext#268BD2

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

deluxious - Coding Theme