Solarized Light Operator Theme
Publisher: ChadThemes in package: 1
A customized Solarized Light theme with Operator Mono support 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.background#DDD6C1
- activityBar.dropBackground#EEE8D5
- activityBar.foreground#584c27
- activityBarBadge.background#B58900
- badge.background#B58900AA
- button.background#AC9D57
- debugExceptionWidget.background#DDD6C1
- debugExceptionWidget.border#AB395B
- debugToolBar.background#DDD6C1
- dropdown.background#EEE8D5
- dropdown.border#D3AF86
- editor.background#FDF6E3
- editor.foreground#677B81
- editor.lineHighlightBackground#EEE8D5
- editor.selectionBackground#EEE8D5
- editorCursor.foreground#657B83
- editorGroup.border#DDD6C1
- editorGroup.dropBackground#DDD6C1AA
- editorGroupHeader.tabsBackground#D9D2C2
- editorHoverWidget.background#CCC4B0
- editorIndentGuide.activeBackground#081E2580
- editorIndentGuide.background#586E7580
- editorLineNumber.activeForeground#567983
- editorLineNumber.foreground#9CA7A4
- editorWhitespace.foreground#586E7580
- editorWidget.background#EEE8D5
- extensionButton.prominentBackground#b58900
- extensionButton.prominentHoverBackground#584c27aa
- focusBorder#D3AF86
- foreground#677B81
- input.background#DDD6C1
- input.foreground#586E75
- input.placeholderForeground#586E75AA
- inputOption.activeBorder#D3AF86
- list.activeSelectionBackground#DFCA88
- list.activeSelectionForeground#6C6C6C
- list.focusBackground#DFCA8866
- list.highlightForeground#B58900
- list.hoverBackground#DFCA8844
- list.inactiveSelectionBackground#D1CBB8
- panel.border#DDD6C1
- peekView.border#B58900
- peekViewEditor.background#FFFBF2
- peekViewEditor.matchHighlightBackground#7744AA40
- peekViewResult.background#EEE8D5
- peekViewTitle.background#EEE8D5
- pickerGroup.border#2aa198ff99
- pickerGroup.foreground#2aa198ff99
- progressBar.background#B58900
- selection.background#CCC4B0
- sideBar.background#EEE8D5
- sideBarTitle.foreground#586E75
- statusBar.background#EEE8D5
- statusBar.debuggingBackground#EEE8D5
- statusBar.foreground#586E75
- statusBar.noFolderBackground#EEE8D5
- statusBarItem.prominentBackground#DDD6C1
- statusBarItem.prominentHoverBackground#DDD6C199
- tab.activeBackground#FDF6E3
- tab.border#DDD6C1
- tab.inactiveBackground#D3CBB7
- tab.inactiveForeground#586E75
- 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#eee8d5
- terminal.ansiBrightYellow#657b83
- terminal.ansiCyan#2aa198ff
- terminal.ansiGreen#859900
- terminal.ansiMagenta#d33682
- terminal.ansiRed#dc322f
- terminal.ansiWhite#eee8d5
- terminal.ansiYellow#b58900
- titleBar.activeBackground#EEE8D5
- walkThrough.embeddedEditorBackground#00000014
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| Global settings | #677B81 | — |
| — | #657B83 | — |
| meta.embedded, source.groovy.embedded | #657B83 | — |
| punctuation, meta.brace.round.js, meta.brace.square.js | #D84B3D | — |
| keyword.operator.assignment | #677B81 | — |
| comment | #93A1A1 | italic |
| entity.name.tag.doctype, meta.tag.sgml.doctype | #859629 | italic |
| italic | #859629 | italic |
| quote | — | italic |
| string | #2aa198ff | — |
| string.quoted | #2aa198ff | — |
| meta.object-literal.key | #2aa198ff | — |
| variable.object.property.js | #2aa198ff | — |
| meta.tag.sgml.doctype.html | — | italic |
| markup.italic.markdown | — | italic |
| markup.quote.markdown | — | italic |
| string.regexp | #D84B3D | — |
| constant.numeric | #677B81 | — |
| variable.language | #268BD2 | — |
| variable.other | #677B81 | — |
| keyword | #859900 | — |
| storage | #268BD2 | bold |
| entity.name.class, entity.name.type | #677B81 | — |
| entity.name.function | #677B81 | — |
| punctuation.section.embedded.begin, punctuation.section.embedded.end | #D84B3D | — |
| constant.language, meta.preprocessor | #B58900 | — |
| support.function.construct, keyword.other.new | #D84B3D | — |
| constant.character, constant.other | #CB4B16 | — |
| entity.other.inherited-class | #677B81 | — |
| variable.parameter | #677B81 | — |
| entity.name.tag | #268BD2 | — |
| punctuation.definition.tag.begin, punctuation.definition.tag.end | #93A1A1 | — |
| entity.other.attribute-name | #677B81 | — |
| support.function | #268BD2 | — |
| punctuation.separator.continuation | #D84B3D | — |
| support.constant | #677B81 | — |
| support.type, support.class | #859900 | — |
| support.type.exception | #CB4B16 | — |
| support.other.variable | #677B81 | — |
| invalid | — | — |
| meta.diff, meta.diff.header | #E0EDDD | italic |
| markup.deleted | #dc322f | |
| markup.changed | #cb4b16 | |
| markup.inserted | #219186 | — |
| markup.quote | #859900 | — |
| markup.list | #B58900 | — |
| markup.bold, markup.italic | #D33682 | — |
| markup.inline.raw | #2aa198ff | |
| markup.heading | #268BD2 | — |
| markup.heading.setext | #268BD2 | |
| meta.property-list.css meta.property-value.css variable.other.less, meta.property-list.scss variable.scss, meta.property-list.sass variable.sass, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.increment, keyword.operator.ternary, keyword.operator.comparison, keyword.operator.assignment, keyword.operator.operator, keyword.operator.or.regexp, keyword.operator.expression.in, keyword.operator.type, punctuation.section.embedded.js, punctuation.definintion.string, punctuation | — | normal |
| support.type.property-name.css, support.type.vendored.property-name.css, support.constant.vendored.property-value.css, meta.import.ts meta.block.ts variable.other.readwrite.alias.ts, meta.import.tsx meta.block.tsx variable.other.readwrite.alias.tsx, meta.import.js variable.other, meta.export.ts meta.block.ts variable.other.readwrite.alias.ts, meta.export.tsx meta.block.tsx variable.other.readwrite.alias.tsx, meta.export.js variable.other, entity.name.function.ts, entity.name.function.tsx, support.type.primitive, entity.name.tag.yaml, entity.other.attribute-name, meta.tag.sgml.doctype.html, entity.name.tag.doctype, meta.tag.sgml.doctype, entity.name.tag.custom, source.js.jsx keyword.control.flow.js, support.type.property.css, support.function.basic_functions, constant.other.color.rgb-value.hex.css, constant.other.rgb-value.css, variable.assignment.coffee, support.function.basic_functions, keyword.operator.expression.typeof, punctuation.section.embedded, keyword.operator.type.annotation, variable.object.property.ts, variable.object.property.js, variable.object.property.jsx, variable.object.property.tsx, assignment.coffee, entity.name.type.ts, support.constant.math, meta.object-literal.key, meta.var.expr storage.type, variable.scss, variable.sass, variable.other.less, variable.parameter.url.scss, variable.parameter.url.sass, parameter, string, italic, quote, keyword, storage, language, constant.language, variable.language, type .function, type.function, storage.type.class, type.var, meta.parameter, variable.parameter, meta.parameters, keyword.control, modifier, this, comment | — | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...