Solarized Custom
Publisher: bbrakenhoffThemes in package: 2
Custom Solarized themes for vs-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.background#FDF6E3FF
- activityBar.border#E8DFC5FF
- activityBar.foreground#002B36FF
- activityBarBadge.background#D33682FF
- activityBarBadge.foreground#FDF6E3FF
- badge.background#D33682FF
- badge.foreground#FDF6E3FF
- breadcrumb.background#FDF6E3FF
- breadcrumbPicker.background#FDF6E3FF
- button.background#D33682FF
- debugExceptionWidget.background#E8DFC5FF
- debugExceptionWidget.border#DC322FFF
- debugToolBar.background#E8DFC5FF
- dropdown.background#EEE8D5FF
- dropdown.border#D3368280
- editor.background#FDF6E3FF
- editor.foreground#657B83FF
- editor.lineHighlightBackground#EEE8D5FF
- editor.selectionBackground#EEE8D5FF
- editor.wordHighlightBackground#93A1A14D
- editor.wordHighlightBorder#D336820D
- editor.wordHighlightStrongBackground#93A1A133
- editor.wordHighlightStrongBorder#D3368233
- editorBracketHighlight.foreground1#B58900FF
- editorBracketHighlight.foreground2#CB4B16FF
- editorBracketHighlight.foreground3#6C71C4FF
- editorBracketHighlight.foreground4#268BD2FF
- editorBracketHighlight.foreground5#2AA198FF
- editorBracketHighlight.foreground6#859900FF
- editorBracketMatch.background#93A1A14D
- editorBracketMatch.border#DBCDA5FF
- editorCursor.foreground#657B83FF
- editorGroup.border#E8DFC5FF
- editorGroup.dropBackground#B7AF9980
- editorGroupHeader.tabsBackground#E8DFC54D
- editorIndentGuide.activeBackground#586E75FF
- editorIndentGuide.background#93A1A14D
- editorLineNumber.activeForeground#93A1A1FF
- editorLineNumber.foreground#93A1A14D
- editorSuggestWidget.background#EEE8D5FF
- editorSuggestWidget.border#E8DFC5FF
- editorWidget.background#EEE8D5FF
- editorWidget.border#E8DFC5FF
- errorForeground#DC322F80
- focusBorder#D3368280
- input.background#E8DFC5FF
- input.foreground#586E75FF
- input.placeholderForeground#586E75A6
- inputOption.activeBorder#D3368280
- list.activeSelectionBackground#D3368233
- list.activeSelectionForeground#D33682FF
- list.focusBackground#E1D6B580
- list.highlightForeground#D33682FF
- list.hoverBackground#D336821A
- list.inactiveSelectionBackground#D3368226
- list.inactiveSelectionForeground#D33682FF
- notificationCenter.border#E8DFC5FF
- notifications.background#E8DFC5FF
- notifications.border#E8DFC5FF
- notifications.foreground#657B83FF
- notificationsErrorIcon.foreground#DC322FFF
- notificationsInfoIcon.foreground#268BD2FF
- notificationsWarningIcon.foreground#B58900FF
- panel.border#E8DFC5FF
- peekView.border#E8DFC5FF
- peekViewEditor.background#EAE4D04D
- peekViewEditor.matchHighlightBackground#D3368233
- peekViewEditor.matchHighlightBorder#E8DFC5FF
- peekViewResult.background#DAD3BC4D
- peekViewResult.lineForeground#657B8380
- peekViewResult.matchHighlightBackground#D3368240
- peekViewResult.selectionBackground#D3368233
- peekViewTitle.background#DDD4B9FF
- pickerGroup.border#E8DFC5FF
- pickerGroup.foreground#D3368280
- progressBar.background#D33682FF
- quickInput.background#FDF6E3FF
- quickInputList.focusBackground#D3368233
- quickInputList.focusForeground#D33682FF
- selection.background#DBCDA5FF
- sideBar.background#FDF6E3FF
- sideBar.border#E8DFC5FF
- sideBarTitle.foreground#586E75FF
- statusBar.background#EEE8D5FF
- statusBar.debuggingBackground#EEE8D5FF
- statusBar.foreground#586E75FF
- statusBar.noFolderBackground#EEE8D5FF
- statusBarItem.prominentBackground#E8DFC5FF
- statusBarItem.prominentHoverBackground#E8DFC5FF
- statusBarItem.remoteBackground#D3368280
- tab.activeBackground#FDF6E3FF
- tab.activeBorderTop#D33682FF
- tab.activeForeground#586E75FF
- tab.border#E8DFC5FF
- tab.inactiveBackground#DDD4B9FF
- tab.inactiveForeground#586E75FF
- terminal.ansiBlack#073642FF
- terminal.ansiBlue#268BD2FF
- terminal.ansiBrightBlack#586E75FF
- terminal.ansiBrightBlue#839496FF
- terminal.ansiBrightCyan#93A1A1FF
- terminal.ansiBrightGreen#586E75FF
- terminal.ansiBrightMagenta#6C71C4FF
- terminal.ansiBrightRed#CB4B16FF
- terminal.ansiBrightWhite#FDF6E3FF
- terminal.ansiBrightYellow#657B83FF
- terminal.ansiCyan#2AA198FF
- terminal.ansiGreen#859900FF
- terminal.ansiMagenta#D33682FF
- terminal.ansiRed#DC322FFF
- terminal.ansiWhite#EEE8D5FF
- terminal.ansiYellow#B58900FF
- titleBar.activeBackground#EEE8D5FF
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| entity.name.type, entity.name.type.class | #859900FF | — |
| meta.decorator | #CB4B16FF | — |
| meta.function-call, entity.name.function | #268BD2FF | — |
| keyword, keyword.operator.new, storage, variable.language, support.type.builtin, constant.language, support.type.primitive | #D33682FF | |
| constant.numeric | #CB4B16FF | — |
| variable.other.property, variable.other.object.property, meta.field.declaration | #6C71C4FF | — |
| keyword.operator, punctuation.accessor, punctuation.terminator, punctuation.separator, punctuation.definition.entity.css | #B58900FF | bold |
| string | #2AA198FF | — |
| variable.parameter | #6C71C4FF | |
| comment | #93A1A1FF | — |
| storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc | #93A1A1FF | bold |
| entity.name.type.instance.jsdoc | #93A1A1FF | italic |
| entity.other.attribute-name.class.css | #859900FF | — |
| entity.other.attribute-name.id.css | #859900FF | bold |
| support.constant.media.css, keyword.operator.logical.scss | — | italic |
| support.constant.property-value.css | #CB4B16FF | — |
| entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css | #D33682FF | italic |
| entity.name.tag.css | #D33682FF | — |
| keyword.other.unit | #B58900FF | — |
| entity.other.attribute-name.placeholder.css | #859900FF | italic |
| entity.other.attribute-name.class.css | #859900FF | — |
| entity.name.function.scss | — | italic |
| support.function.misc.scss | #268BD2FF | italic |
| variable.scss | #6C71C4FF | — |
| entity.other.attribute-name | #6C71C4FF | — |
| punctuation.separator.key-value.html | #268BD2FF | — |
| text.html.derivative | #B58900FF | — |
| constant.character.entity.named.nbsp.html | #859900FF | bold |
| punctuation.definition.tag | #268BD2FF | — |
| entity.name.tag | #D33682FF | — |
| punctuation.definition.string.begin.json, punctuation.definition.string.end.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #B58900FF | — |
| support.type.property-name.json | #6C71C4FF | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...