Solarized Light Alternate
Publisher: Patrice SandhuThemes in package: 1
alternative solarized light 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.activeBackground#C7C5FA5C
- activityBar.activeBorder#8E8CD8
- activityBar.background#e8e8e8
- activityBar.foreground#333333
- badge.background#DCEBFC
- badge.foreground#007acc
- contrastBorder#9B9B9B
- debugToolBar.background#ffffff
- dropdown.background#ffffff
- dropdown.border#919191
- editor.background#FDF6E3
- editor.findMatchBackground#D6D2C9
- editor.findMatchHighlightBackground#D6D2C9
- editor.foreground#586E75
- editor.lineHighlightBackground#EEE8D5
- editor.selectionBackground#D6D2C9
- editorBracketMatch.background#99CCFF
- editorCursor.foreground#000000
- editorGroup.border#9B9B9B
- editorGroup.dropBackground#B7B7B7
- editorGutter.background#FDFFF1
- editorIndentGuide.background#CCC6B3aa
- editorLineNumber.foreground#586E75
- editorWarning.foreground#EBC700
- editorWhitespace.background#C4C4C4
- editorWidget.background#ffffff
- editorWidget.border#34444A
- errorForeground#ff0000
- extensionButton.prominentBackground#007acc
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#0089ED
- focusBorder#007acc
- inputOption.activeBorder#3875D6
- inputValidation.errorBackground#ff0000
- list.activeSelectionBackground#D4D4D4
- list.activeSelectionForeground#ffffff
- notification.background#F0F0F0
- notification.foreground#000000
- panel.background#ffffff
- panel.border#919191
- panelTitle.activeBorder#007acc
- panelTitle.activeForeground#000000
- panelTitle.inactiveForeground#7D7D7D
- pickerGroup.foreground#000000
- scrollbar.shadow#00000000
- sideBar.background#ffffff
- sideBarSectionHeader.background#DCDCDC
- sideBarSectionHeader.foreground#0E0E0E
- sideBarTitle.foreground#000000
- statusBar.background#8E8CD8
- statusBar.border#8E8CD8
- statusBar.foreground#34444A
- statusBar.noFolderBackground#8E8CD8
- statusBarItem.activeBackground#C7C5FA5C
- statusBarItem.hoverBackground#C7C5FA5C
- statusBarItem.prominentBackground#B7B7B7
- tab.activeBackground#ffffe4
- tab.activeBorder#007acc
- tab.activeForeground#000000
- tab.border#A9A993
- tab.inactiveBackground#D4D4BE
- tab.inactiveForeground#333333
- tab.unfocusedActiveForeground#7D7D7D
- tab.unfocusedInactiveForeground#7D7D7D
- terminal.ansiBrightBlue#000000
- terminal.ansiBrightCyan#48D1CC
- terminal.ansiBrightGreen#20AF0A
- terminal.ansiGreen#20af0a
- terminal.ansiMagenta#c41dae
- terminal.ansiRed#dc322f
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#c7c60a
- terminal.background#000000
- terminal.foreground#ffffff
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| ___FOREGROUND BACKGROUND___ | #586e75ff | — |
| meta.arrow storage.type.function.arrow, punctuation.definition.template-expression.begin, punctuation.definition.typeparameters.begin.ts, punctuation.definition.template-expression.end, punctuation.definition.typeparameters.end.ts, punctuation.definition.group.regexp, variable.other.readwrite.alias, string.quoted.single.html, string.quoted.double.html, string.quoted.single.xml, string.quoted.double.xml, entity.quasi.element.js, meta.brace.square.js, punctuation.definition.parameters, punctuation.definition.variable, punctuation.definition.string, punctuation.section.embedded, variable.parameter.function, punctuation.definition.array, punctuation.definition.tag, variable.parameter, keyword.operator, meta.separator, markup.list | #586E75 | |
| constant.language, constant.character, constant.other, support.constant, variable.other.constant | #2AA198 | bold |
| comment.line | #93A1A1 | |
| comment.block, comment.block.json, comment.block.documentation, punctuation.definition.comment | #808080 | italic |
| constant, keyword, storage, storage.type, support.type, variable.language, entity.name.section, string.other.link, string.other.link, support.constant.dom, keyword.operator.new, support.constant.math, keyword.operator.cast, support.constant.json, keyword.operator.sizeof, keyword.operator.expression, support.type.object.module, keyword.operator.or.regexp, keyword.control.anchor.regexp, keyword.operator.logical.python, markup.heading punctuation.definition.heading | #D33682 | bold |
| storage.type.c | #D33682 | |
| variable.other.object.js, variable.other.object.ts, function.support.builtin, support.class.console, function.support.core, entity.name.type.cpp, meta.require, variable | #268BD2 | bold |
| support.function, entity.name.struct, entity.name.function, entity.other.attribute-name.class.css, keyword.operator.logical.and.media.css | #2AA198 | bold |
| support.class, entity.name.type, entity.name.class, entity.name.struct | #2AA198 | bold underline |
| entity.other.inherited-class | #2AA198 | italic |
| constant.numeric, constant.numeric.c, constant.other.placeholder, entity.other.attribute-name, punctuation.definition.entity, keyword.other.doctype.xml, meta.tag.sgml.doctype.html, meta.group.assertion.regexp, constant.other.unicode-range.css, keyword.operator.quantifier.regexp | #6C71C4 | bold |
| string, string.regexp, string.quoted, constant.other.color, string.unquoted.plain, constant.other.symbol, meta.structure.dictionary.json string.quoted.double.json | #6F0E83 | — |
| meta.function-call.object, support.function.console, meta.function-call support.function, meta.definition.method entity.name.function, meta.method.declaration entity.name.function, meta.object-literal.key entity.name.function, meta.function-call variable.other.object.property, support.type.object.function-call entity name.function | #7A7A43 | |
| scope, meta.selector, markup.raw.inline, meta.object-literal.key, support.variable.property, constant.character.escape, meta.definition.property, variable.object.property, entity.name.tag.yaml, variable.other.property.js, support.type.property-name.json | #859900 | |
| keyword.other, keyword.other.unit, variable.interpolation | #D46C26 | — |
| constant.other.character-class.regexp | #6C71C4 | |
| entity.name.tag, meta.type.annotation, variable.language.this, support.type.primitive, source.cs storage.type, entity.name.tag.js, support.class.component.js, variable.language.this.js | #D33682 | |
| support.type.property-name.css, constant.percentage.units.css, punctuation.terminator.rule.css, keyword.other.unit.percentage.css, punctuation.definition.entity.css, support.type.property-name.media.css, support.type.property-name.css meta.property-name, punctuation.definition.entity.begin.bracket.square.css, punctuation.definition.entity.end.bracket.square.css, punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css, punctuation.section.property-list.end.bracket.curly.css, punctuation.section.property-list.begin.bracket.curly.css | #586E75 | |
| constant.hex.css, constant.time.units.css, meta.property-value.css, constant.length.units.css, meta.property-values.css, source.css keyword.other.unit, support.constant.property-value.css, constant.other.color.rgb-value.hex.css, support.constant.color.w3c-standard-color-name.css, support.constant.color.w3c-extended-color-name.css, source.css meta.property-value.css meta.property-list.css | #859900 | |
| support.constant.language-range, entity.other.attribute-name.css, entity.other.attribute-name.class.css | #2AA198 | bold |
| entity.other.attribute-name.id.css, meta.selector.css entity.other.attribute-name.id.css punctuation.definition.entity.css | #268BD2 | bold |
| entity.name.tag.css, meta.at-rule.media.css, keyword.other.important.css | #D33682 | bold |
| constant.language.pseudo.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #810E95 | bold |
| support.function.misc.css | #D33682 | |
| variable.css | #2AA198 | bold |
| variable.argument.css | #2AA198 | |
| storage.type.class.jsdoc | #810E95 | 6C71C4 |
| entity.name.type.instance.jsdoc | #93A1A1 | |
| variable.other.jsdoc | #808080 | bold |
| markup.bold | #586E75 | bold |
| markup.italic, punctuation.definition.italic | #586E75 | italic |
| meta.link | #268BD2 | — |
| markup.quote | #93A1A1 | — |
| invalid.illegal | #FF0000 | — |
| markup.changed, markup.deleted, markup.ignored, markup.inserted, markup.untracked, markup.changed.git_gutter, markup.deleted.git_gutter, markup.ignored.git_gutter, markup.inserted.git_gutter, markup.untracked.git_gutter | #FDFFF1 | — |
| ___FOREGROUND BACKGROUND___ | #586e75ff | — |
| meta.arrow storage.type.function.arrow, punctuation.definition.template-expression.begin, punctuation.definition.typeparameters.begin.ts, punctuation.definition.template-expression.end, punctuation.definition.typeparameters.end.ts, punctuation.definition.group.regexp, variable.other.readwrite.alias, string.quoted.single.html, string.quoted.double.html, string.quoted.single.xml, string.quoted.double.xml, entity.quasi.element.js, meta.brace.square.js, punctuation.definition.parameters, punctuation.definition.variable, punctuation.definition.string, punctuation.section.embedded, variable.parameter.function, punctuation.definition.array, punctuation.definition.tag, variable.parameter, keyword.operator, meta.separator, markup.list | #586E75 | |
| constant.language, constant.character, constant.other, support.constant, variable.other.constant | #2AA198 | bold |
| comment.line | #93A1A1 | |
| comment.block, comment.block.json, comment.block.documentation, punctuation.definition.comment | #808080 | italic |
| constant, keyword, storage, storage.type, support.type, variable.language, entity.name.section, string.other.link, string.other.link, support.constant.dom, keyword.operator.new, support.constant.math, keyword.operator.cast, support.constant.json, keyword.operator.sizeof, keyword.operator.expression, support.type.object.module, keyword.operator.or.regexp, keyword.control.anchor.regexp, keyword.operator.logical.python, markup.heading punctuation.definition.heading | #D33682 | bold |
| storage.type.c | #D33682 | |
| variable.other.object.js, variable.other.object.ts, function.support.builtin, support.class.console, function.support.core, entity.name.type.cpp, meta.require, variable | #268BD2 | bold |
| support.function, entity.name.struct, entity.name.function, entity.other.attribute-name.class.css, keyword.operator.logical.and.media.css | #2AA198 | bold |
| support.class, entity.name.type, entity.name.class, entity.name.struct | #2AA198 | bold underline |
| entity.other.inherited-class | #2AA198 | italic |
| constant.numeric, constant.numeric.c, constant.other.placeholder, entity.other.attribute-name, punctuation.definition.entity, keyword.other.doctype.xml, meta.tag.sgml.doctype.html, meta.group.assertion.regexp, constant.other.unicode-range.css, keyword.operator.quantifier.regexp | #6C71C4 | bold |
| string, string.regexp, string.quoted, constant.other.color, string.unquoted.plain, constant.other.symbol, meta.structure.dictionary.json string.quoted.double.json | #6F0E83 | — |
| meta.function-call.object, support.function.console, meta.function-call support.function, meta.definition.method entity.name.function, meta.method.declaration entity.name.function, meta.object-literal.key entity.name.function, meta.function-call variable.other.object.property, support.type.object.function-call entity name.function | #7A7A43 | |
| scope, meta.selector, markup.raw.inline, meta.object-literal.key, support.variable.property, constant.character.escape, meta.definition.property, variable.object.property, entity.name.tag.yaml, variable.other.property.js, support.type.property-name.json | #859900 | |
| keyword.other, keyword.other.unit, variable.interpolation | #D46C26 | — |
| constant.other.character-class.regexp | #6C71C4 | |
| entity.name.tag, meta.type.annotation, variable.language.this, support.type.primitive, source.cs storage.type, entity.name.tag.js, support.class.component.js, variable.language.this.js | #D33682 | |
| support.type.property-name.css, constant.percentage.units.css, punctuation.terminator.rule.css, keyword.other.unit.percentage.css, punctuation.definition.entity.css, support.type.property-name.media.css, support.type.property-name.css meta.property-name, punctuation.definition.entity.begin.bracket.square.css, punctuation.definition.entity.end.bracket.square.css, punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css, punctuation.section.property-list.end.bracket.curly.css, punctuation.section.property-list.begin.bracket.curly.css | #586E75 | |
| constant.hex.css, constant.time.units.css, meta.property-value.css, constant.length.units.css, meta.property-values.css, source.css keyword.other.unit, support.constant.property-value.css, constant.other.color.rgb-value.hex.css, support.constant.color.w3c-standard-color-name.css, support.constant.color.w3c-extended-color-name.css, source.css meta.property-value.css meta.property-list.css | #859900 | |
| support.constant.language-range, entity.other.attribute-name.css, entity.other.attribute-name.class.css | #2AA198 | bold |
| entity.other.attribute-name.id.css, meta.selector.css entity.other.attribute-name.id.css punctuation.definition.entity.css | #268BD2 | bold |
| entity.name.tag.css, meta.at-rule.media.css, keyword.other.important.css | #D33682 | bold |
| constant.language.pseudo.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #810E95 | bold |
| support.function.misc.css | #D33682 | |
| variable.css | #2AA198 | bold |
| variable.argument.css | #2AA198 | |
| storage.type.class.jsdoc | #810E95 | 6C71C4 |
| entity.name.type.instance.jsdoc | #93A1A1 | |
| variable.other.jsdoc | #808080 | bold |
| markup.bold | #586E75 | bold |
| markup.italic, punctuation.definition.italic | #586E75 | italic |
| meta.link | #268BD2 | — |
| markup.quote | #93A1A1 | — |
| invalid.illegal | #FF0000 | — |
| markup.changed, markup.deleted, markup.ignored, markup.inserted, markup.untracked, markup.changed.git_gutter, markup.deleted.git_gutter, markup.ignored.git_gutter, markup.inserted.git_gutter, markup.untracked.git_gutter | #FDFFF1 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...