Solarized & Selenized
Publisher: Santoso WijayaThemes in package: 4
A Solarized and Selenized color themes combo for Visual Studio Code
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.activeBackground#008dd166
- activityBar.activeBorder#1fa198
- activityBar.background#164854
- activityBar.foreground#92a1a1
- activityBar.inactiveForeground#829496
- activityBarBadge.background#008dd1BB
- badge.background#008dd1AA
- button.background#008dd1
- debugExceptionWidget.background#003641
- debugExceptionWidget.border#e0332e
- debugToolBar.background#003641
- disabledForeground#566e76
- dropdown.background#003641
- dropdown.border#cf4b15
- editor.background#002b36
- editor.foreground#92a1a1
- editor.inactiveSelectionBackground#008dd180
- editor.lineHighlightBackground#003641
- editor.selectionBackground#008dd1AA
- editor.selectionHighlightBackground#16485480
- editor.wordHighlightBackground#16485499
- editor.wordHighlightStrongBackground#164854AA
- editorCursor.background#003641
- editorCursor.foreground#008dd1
- editorGroup.border#566e76
- editorGroup.dropBackground#1fa198AA
- editorGroupHeader.border#164854
- editorGroupHeader.tabsBackground#164854
- editorGroupHeader.tabsBorder#164854
- editorHoverWidget.background#164854
- editorHoverWidget.border#566e76
- editorIndentGuide.activeBackground1#008dd180
- editorIndentGuide.background1#82949680
- editorInlayHint.foreground#566e76
- editorLineNumber.activeForeground#829496
- editorLineNumber.foreground#566e76
- editorStickyScroll.shadow#164854
- editorStickyScrollHover.background#16485444
- editorWhitespace.foreground#566e76AA
- editorWidget.background#003641
- errorForeground#e0332e
- extensionButton.prominentBackground#008dd1
- extensionButton.prominentHoverBackground#cf4b15AA
- focusBorder#1fa19899
- foreground#92a1a1
- input.background#164854
- input.border#566e76
- input.foreground#92a1a1
- input.placeholderForeground#566e76
- inputOption.activeBorder#1fa198
- list.activeSelectionBackground#008dd188
- list.errorForeground#e0332e
- list.focusBackground#008dd166
- list.highlightForeground#008dd1
- list.hoverBackground#008dd144
- list.inactiveSelectionBackground#164854
- list.warningForeground#bb8801
- notebook.cellEditorBackground#003641
- notebook.editorBackground#002b36
- panel.border#566e76
- panelTitle.activeBorder#008dd1
- panelTitle.activeForeground#92a1a1
- panelTitle.inactiveForeground#566e76
- peekView.border#008dd1
- peekViewEditor.background#003641
- peekViewEditor.matchHighlightBackground#5c73c440
- peekViewResult.background#003641
- peekViewTitle.background#003641
- pickerGroup.border#1fa19899
- pickerGroup.foreground#1fa19899
- progressBar.background#008dd1
- scrollbar.shadow#164854
- selection.background#003641
- settings.checkboxBackground#164854
- settings.dropdownBackground#164854
- settings.modifiedItemIndicator#008dd1
- settings.numberInputBackground#164854
- settings.textInputBackground#164854
- sideBar.background#003641
- sideBar.foreground#92a1a1
- sideBarTitle.foreground#92a1a1
- statusBar.background#003641
- statusBar.debuggingBackground#003641
- statusBar.foreground#92a1a1
- statusBar.noFolderBackground#003641
- statusBarItem.errorBackground#e0332e
- statusBarItem.prominentBackground#002b36
- statusBarItem.prominentHoverBackground#16485499
- statusBarItem.remoteBackground#008dd1
- statusBarItem.warningBackground#bb8801
- tab.activeBackground#002b36
- tab.activeBorder#008dd1
- tab.activeBorderTop#008dd1
- tab.activeForeground#92a1a1
- tab.activeModifiedBorder#008dd1
- tab.border#566e76
- tab.inactiveBackground#164854
- tab.inactiveForeground#829496
- terminal.ansiBlack#003641
- terminal.ansiBlue#008dd1
- terminal.ansiBrightBlack#002b36
- terminal.ansiBrightBlue#008dd1
- terminal.ansiBrightCyan#008dd1
- terminal.ansiBrightGreen#8d9800
- terminal.ansiBrightMagenta#5c73c4
- terminal.ansiBrightRed#cf4b15
- terminal.ansiBrightWhite#92a1a1
- terminal.ansiBrightYellow#bb8801
- terminal.ansiCyan#1fa198
- terminal.ansiGreen#8d9800
- terminal.ansiMagenta#f2579c
- terminal.ansiRed#e0332e
- terminal.ansiWhite#829496
- terminal.ansiYellow#bb8801
- terminal.background#002b36
- terminal.foreground#92a1a1
- terminal.selectionBackground#003641
- terminalCursor.background#003641
- terminalCursor.foreground#829496
- textBlockQuote.background#003641
- textCodeBlock.background#003641
- textPreformat.background#003641
- titleBar.activeBackground#003641
- toolbar.hoverBackground#16485480
- walkThrough.embeddedEditorBackground#002b36
- welcomePage.background#002b36
- welcomePage.progress.background#164854
- welcomePage.progress.foreground#008dd1
- welcomePage.tileBackground#003641
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #566e76 | italic |
| comment.block.preprocessor | #566e76 | |
| comment.documentation, comment.block.documentation | #566e76 | — |
| invalid.illegal | #e0332e | — |
| keyword.operator.new, keyword | #bb8801 | — |
| keyword.operator | #829496 | — |
| constant.language, support.constant, variable.language | #cf4b15 | — |
| variable, entity.name.variable, support.variable | #92a1a1 | — |
| variable.other.property, variable.other.constant.property | #92a1a1 | — |
| entity.name.function, support.function | #008dd1 | — |
| entity.name.function.macro | #5c73c4 | — |
| entity.name.type, support.type, storage.type, storage | #bb8801 | — |
| entity.name.class, entity.name.type.class, entity.other.inherited-class, support.class, meta.class.js, variable.other.readwrite.alias.js, variable.other.object.js, storage.type.protobuf | #8d9800 | — |
| entity.name.type.interface, entity.name.type.alias | #cf4b15 | — |
| entity.name.type.enum | #8d9800 | — |
| variable.other.enummember | #92a1a1 | — |
| variable.other.event | #92a1a1 | — |
| entity.name.namespace, entity.name.type.package.go | #f2579c | — |
| keyword.control.import, keyword.control.from, keyword.control.directive.include, keyword.other.import | #cf4b15 | — |
| entity.name.exception | #e0332e | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant, variable.other.constant | #f2579c | — |
| string | #1fa198 | — |
| constant.character.escape | #829496 | — |
| string.regexp | #008dd1 | — |
| string.constant.character.escape, string.interpolated.dollar.shell, string.interpolated.backtick.shell, constant.character.format, constant.character.escape, punctuation.section.embedded, punctuation.definition.template-expression | #f2579c | — |
| constant.other.symbol | #cf4b15 | — |
| punctuation, brackets | #829496 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #829496 | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #829496 | — |
| entity.name.tag | #008dd1 | — |
| meta.tag entity.other.attribute-name, meta.attribute.class.html, entity.other.attribute-name.html | #829496 | italic |
| constant.character.entity, punctuation.definition.entity | #cf4b15 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #5c73c4 | — |
| meta.property-name, support.type.property-name | #8d9800 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #8d9800 | — |
| keyword.other.important | — | bold |
| markup.changed | #bb8801 | — |
| markup.deleted | #e0332e | — |
| markup.italic | — | italic |
| markup.error | #f2579c | bold |
| markup.inserted | #8d9800 | — |
| meta.link | #008dd1 | — |
| markup.output, markup.raw | #92a1a1 | — |
| markup.prompt | #829496 | — |
| markup.heading | #cf4b15 | — |
| markup.bold | — | bold |
| markup.traceback | #f2579c | — |
| markup.underline | — | underline |
| markup.quote | #5c73c4 | — |
| markup.list | #008dd1 | — |
| markup.bold, markup.italic | #92a1a1 | — |
| markup.inline.raw | #cf4b15 | |
| meta.attribute | #92a1a1 | — |
| meta.diff | — | italic |
| meta.diff.range, meta.diff.index, meta.separator | #008dd1 | — |
| meta.diff.header.from-file | #008dd1 | — |
| meta.diff.header.to-file | #008dd1 | — |
| meta.diff.header | #008dd1 | — |
| entity.name.import.go, entity.name.type.go, variable.other.assignment.go, variable.other.go | #8d9800 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...