Semantic Rainbow
Publisher: ThertzlorThemes in package: 2
A maximalist color theme for semantic highlighting featuring bold colors with subtle distinctions.
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#323952
- activityBar.foreground#D5D8DAB3
- activityBarBadge.background#c74954
- activityBarBadge.foreground#06060C
- badge.background#2E303E
- badge.foreground#D5D8DA
- breadcrumbPicker.background#232530
- button.background#2E303E
- contrastBorder#1e1e26
- debugToolBar.background#191a26
- diffEditor.insertedTextBackground#09f73d0d
- diffEditor.removedTextBackground#F43E5C1A
- dropdown.background#232530
- dropdown.listBackground#2E303E
- editor.background#14151a
- editor.findMatchBackground#6C6F9380
- editor.findMatchHighlightBackground#64cf603a
- editor.findRangeHighlightBackground#2a720010
- editor.hoverHighlightBackground#df6f2e18
- editor.inactiveSelectionBackground#dadada31
- editor.lineHighlightBackground#2e303e2c
- editor.rangeHighlightBackground#3e755528
- editor.selectionBackground#3e3f4db7
- editor.selectionHighlightBackground#38394988
- editor.snippetFinalTabstopHighlightBackground#8652e657
- editor.snippetTabstopHighlightBackground#7940e442
- editor.stackFrameHighlightBackground#ffee3b33
- editor.symbolHighlightBackground#ffaa3bbd
- editor.wordHighlightBackground#2e90d141
- editor.wordHighlightStrongBackground#2659c771
- editorBracketHighlight.foreground1#D3D3D3
- editorBracketHighlight.foreground2#cca237
- editorBracketHighlight.foreground3#DA70D6
- editorBracketHighlight.foreground4#80b54a
- editorBracketHighlight.foreground5#87CEFA
- editorBracketHighlight.foreground6#a32761
- editorBracketMatch.background#6C6F9380
- editorBracketMatch.border#6C6F9300
- editorCodeLens.foreground#6C6F9380
- editorCursor.background#191a26
- editorCursor.foreground#c74954
- editorError.foreground#F43E5C
- editorGroup.border#1A1C23
- editorGroup.dropBackground#6C6F934D
- editorGroupHeader.tabsBackground#191a26
- editorGutter.addedBackground#09F7A0B3
- editorGutter.background#171824
- editorGutter.deletedBackground#F43E5CB3
- editorGutter.modifiedBackground#21BFC2B3
- editorIndentGuide.activeBackground1#2E303E
- editorIndentGuide.background1#2E303E80
- editorLineNumber.activeForeground#D5D8DA80
- editorLineNumber.foreground#D5D8DA1A
- editorOverviewRuler.addedForeground#09F7A080
- editorOverviewRuler.background#101014
- editorOverviewRuler.border#2E303EB3
- editorOverviewRuler.bracketMatchForeground#D5D8DA80
- editorOverviewRuler.deletedForeground#F43E5C80
- editorOverviewRuler.errorForeground#F43E5CE6
- editorOverviewRuler.findMatchForeground#6C6F93
- editorOverviewRuler.modifiedForeground#21BFC280
- editorOverviewRuler.warningForeground#27D79780
- editorRuler.foreground#6C6F934D
- editorStickyScroll.background#202534
- editorSuggestWidget.highlightForeground#c74954
- editorWarning.foreground#27D797B3
- editorWhitespace.foreground#ffffff0c
- editorWidget.background#232530
- editorWidget.border#232530
- errorForeground#F43E5C
- extensionButton.prominentBackground#c74954
- extensionButton.prominentHoverBackground#E9436D
- focusBorder#1A1C23
- foreground#D5D8DA
- gitDecoration.addedResourceForeground#27D797B3
- gitDecoration.deletedResourceForeground#F43E5C
- gitDecoration.ignoredResourceForeground#D5D8DA4D
- gitDecoration.modifiedResourceForeground#FAB38E
- gitDecoration.untrackedResourceForeground#27D797
- icon.foreground#ffffff34
- input.background#2E303E
- inputOption.activeBorder#E9436D80
- inputValidation.errorBackground#F43E5C80
- inputValidation.errorBorder#F43E5C00
- list.activeSelectionBackground#2E303E80
- list.activeSelectionForeground#D5D8DA
- list.dropBackground#6C6F9380
- list.errorForeground#F43E5CE6
- list.focusBackground#2E303E80
- list.focusForeground#D5D8DA
- list.highlightForeground#c74954
- list.hoverBackground#2E303E80
- list.hoverForeground#D5D8DA
- list.inactiveFocusBackground#2E303E80
- list.inactiveSelectionBackground#3e41522f
- list.inactiveSelectionForeground#D5D8DA
- list.warningForeground#27D797B3
- minimap.background#171824
- minimapSlider.background#cbccff1f
- minimapSlider.hoverBackground#cbccff33
- panel.background#171824
- panelSectionHeader.background#232637
- panelTitle.activeBorder#c74954
- peekView.border#1A1C23
- peekViewEditor.background#202534
- peekViewEditor.matchHighlightBackground#60cfae54
- peekViewEditorStickyScroll.background#1f2c2b
- peekViewResult.background#202534
- peekViewResult.matchHighlightBackground#6C6F9380
- peekViewResult.selectionBackground#2E303E80
- peekViewTitle.background#232530
- pickerGroup.foreground#c74954E6
- progressBar.background#c74954
- scrollbar.shadow#1e1e26
- scrollbarSlider.activeBackground#6C6F9380
- scrollbarSlider.background#6C6F931A
- scrollbarSlider.hoverBackground#6C6F934D
- selection.background#6C6F9380
- sideBar.background#191a26
- sideBar.dropBackground#6C6F934D
- sideBar.foreground#D5D8DA80
- sideBarSectionHeader.background#232637
- sideBarSectionHeader.foreground#D5D8DAB3
- statusBar.background#323952
- statusBar.debuggingBackground#c7815c
- statusBar.debuggingForeground#06060C
- statusBar.foreground#D5D8DA80
- statusBar.noFolderBackground#191a26
- statusBarItem.hoverBackground#2E303E
- statusBarItem.prominentBackground#2E303E
- statusBarItem.prominentHoverBackground#6C6F93
- tab.activeBorder#c74954
- tab.border#191a2600
- tab.inactiveBackground#232637
- terminal.ansiBlue#26BBD9
- terminal.ansiBrightBlue#3FC4DE
- terminal.ansiBrightCyan#6BE4E6
- terminal.ansiBrightGreen#3FDAA4
- terminal.ansiBrightMagenta#F075B5
- terminal.ansiBrightRed#EC6A88
- terminal.ansiBrightYellow#FBC3A7
- terminal.ansiCyan#59E1E3
- terminal.ansiGreen#29D398
- terminal.ansiMagenta#EE64AC
- terminal.ansiRed#E95678
- terminal.ansiYellow#FAB795
- terminal.foreground#D5D8DA
- terminal.selectionBackground#6C6F934D
- terminalCursor.background#D5D8DA
- terminalCursor.foreground#6C6F9380
- textLink.activeForeground#E9436D
- textLink.foreground#c74954
- titleBar.activeBackground#323952
- titleBar.inactiveBackground#323952
- walkThrough.embeddedEditorBackground#232530
- widget.shadow#1e1e26
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| constant | #F09483E6 | — |
| entity.name | #FAC29AE6 | — |
| entity.other.attribute-name.id | #25B0BCE6 | — |
| keyword | #B877DBE6 | — |
| markup.quote | #007acc | italic |
| markup.heading | #E95678E6 | — |
| markup.bold | #B877DBE6 | bold |
| markup.italic | #25B0BCE6 | italic |
| markup.inline.raw, markup.fenced_code.block | #F09483E6 | — |
| markup.underline.link | #FAB795E6 | — |
| storage | #B877DBE6 | — |
| storage, punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.heading.markdown | #B877DBE6 | — |
| string.other.link | #F09483E6 | — |
| support, variable.language | #FAC29AE6 | — |
| string.template meta.embedded | #BBBBBB | — |
| punctuation.separator | #BBBBBB | — |
| punctuation.section.embedded | #B877DBE6 | — |
| punctuation.definition.list | #F09483E6 | — |
| support | #db9b25 | — |
| support.variable.magic | #b8cf8d | — |
| support.function.magic | #74b6c2 | — |
| constant.language.boolean, constant.language.false, constant.language.true | #e0c25f | bold |
| punctuation.definition.bracket.curly.begin.jsdoc, punctuation.definition.bracket.curly.end.jsdoc, comment.line.double-dash.doc keyword.operator | #bbaa8c | — |
| constant.language.null, constant.language.undefined, constant.language.void, constant.language.nil, constant.language.nullptr | #946969 | — |
| entity.name.type.instance.jsdoc | #8f826b | — |
| support.type.primitive | #dbb645 | — |
| punctuation.definition.template-expression, punctuation.section.tag, punctuation.definition.link.title.begin.markdown, punctuation.definition.link.title.end.markdown, punctuation.definition.link.description.begin.markdown, punctuation.definition.link.description.end.markdown, punctuation.definition.metadata.markdown, constant.other.placeholder | #bb615a | — |
| string.quoted, string.unquoted, string.template, meta.attribute-selector, variable.parameter.url | #facb95 | — |
| punctuation.separator.key-value | #bfddd1 | — |
| keyword.operator.type.annotation | #d9dec0 | — |
| keyword.operator.ternary, punctuation.accessor.optional, keyword.operator.optional | #afbccb | — |
| storage.type.function.arrow | #d4bdde | — |
| variable.other.jsdoc, keyword.other.documentation, punctuation.definition.annotation, storage.type.annotation | #8a736a | — |
| keyword.operator, storage.type.function.arrow, keyword.operator.logical, punctuation.separator.parameter, entity.name.tag.reference | #dddddd | — |
| punctuation.accessor, keyword.operator.type.annotation | #b1b1b1 | — |
| storage.type.class.jsdoc, comment.line.double-dash.doc entity.name | #4e634e | — |
| constant.character.escape | #b8d786 | — |
| punctuation.definition.comment, string.quoted.docstring punctuation.definition.string.begin, string.quoted.docstring punctuation.definition.string.end, entity.other.document.begin.yaml | #5a5a5a | — |
| comment.block, comment.line, meta.separator.markdown, string.quoted.docstring | #4e4e4e | — |
| constant.numeric.decimal, constant.numeric, keyword.other.unit.hexadecimal | #e2e2c3 | — |
| keyword.other.unit | #a3c4b9 | — |
| string.regexp | #f3dcab | — |
| punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.string.template.end, punctuation.definition.string.template.begin | #fadcb9 | bold |
| punctuation.terminator.statement | #808080 | — |
| storage.modifier, keyword.local | #6d61a3 | — |
| keyword.operator.expression, keyword.operator.new, keyword.control.flow, keyword.control.switch, keyword.operator.logical, keyword.operator.instanceof, keyword.operator.type | #826afc | — |
| storage.type.function, storage.modifier.async | #6a63cc | — |
| keyword, keyword.control, storage.type | #916fde | — |
| variable.other.property | #88ac47 | — |
| entity.name.type.class | #3aad5d | bold |
| meta.directive.vue | #20a6be | — |
| support.function.builtin | #6984ef | — |
| keyword.other.important | #ff0000 | — |
| entity.name.function | #407de6 | — |
| entity.name.function | #407de6 | — |
| support.function.builtin | #6984ef | — |
| variable.parameter.function | #df7850 | — |
| variable.other.readwrite | #cc4755 | — |
| variable.other.property | #88ac47 | — |
| variable.language.super | #6cd4c2 | — |
| entity.name.type.class | #3aad5d | bold |
| variable.parameter.function | #df7850 | — |
| entity.name.function | #407de6 | — |
| variable.other.property | #88ac47 | — |
| variable.other.property | #88ac47 | — |
| entity.name.type.class | #3aad5d | bold |
| meta.directive.vue | #20a6be | — |
| variable.other.readwrite | #cc4755 | — |
| variable.other.readwrite | #cc4755 | — |
| support.variable | #cd606b | — |
| meta.symbol.namespace | #2b9468 | — |
| entity.name.type.alias | #db9b25 | — |
| entity.name.type.alias | #db9b25 | — |
| entity.name.type.alias | #db9b25 | — |
| meta.directive.vue | #20a6be | — |
| entity.name.type.alias | #db9b25 | — |
| storage.type.built-in.primitive | #c1b38a | — |
| support.function.builtin | #6984ef | — |
| storage.type.built-in.primitive | #c1b38a | — |
| entity.name.type.template | #c76025 | — |
| support.function.builtin | #6984ef | — |
| support.type.builtin | #e49835 | — |
| support.type.primitive | #e49835 | — |
| storage.type.built-in.primitive | #c1b38a | — |
| string.other.link.title.markdown | #c74954 | — |
| markup.inline.raw.string.markdown | #d7ba7d | — |
| markup.quote.markdown | #007acc | — |
| variable.other.readwrite | #cc4755 | — |
| entity.name.type.alias | #db9b25 | — |
| markup.math.inline.markdown | #c6a721 | — |
| variable.other.property | #88ac47 | — |
| meta.directive.vue | #20a6be | — |
| meta.directive.vue | #20a6be | — |
| support.function.builtin | #6984ef | — |
| support.function.builtin | #6984ef | — |
| support.function.builtin | #6984ef | — |
| markup.math.inline.markdown | #c6a721 | — |
| markup.math.inline.markdown | #c6a721 | — |
| support.type.primitive | #e49835 | — |
| support.type.primitive | #e49835 | — |
| support.type.built-in | #c1b38a | — |
| variable.other.readwrite | #cc4755 | — |
| variable.other.readwrite | #cc4755 | — |
| variable.other.readwrite | #cc4755 | — |
| variable.other.readwrite | #cc4755 | — |
| variable.other.readwrite | #cc4755 | — |
| variable.other.readwrite | #cc4755 | — |
| variable.other.readwrite | #cc4755 | — |
| variable.other.readwrite | #cc4755 | — |
| variable.other.readwrite | #cc4755 | — |
| variable.other.readwrite | #cc4755 | — |
| variable.other.readwrite | #cc4755 | — |
| variable.other.readwrite | #cc4755 | — |
| support.type.primitive | #e49835 | — |
| support.type.primitive | #e49835 | — |
| support.type.built-in | #c1b38a | — |
| variable.language.this | #64c49b | — |
| variable.other.readwrite, variable.other, variable, support.variable, string.other.link.title.markdown | #cc4755 | — |
| entity.name.tag | #b52b47 | — |
| variable.other.assignment.shell | #d34048 | |
| const | #c43652 | — |
| source.lua variable.other.readwrite, source.lua variable.other, source.lua variable, source.lua support.variable, source.lua string.other.link.title.markdown | #cc4755 | — |
| variable.parameter.function, variable.parameter, variable.parameter.function-call, meta.function.parameter, meta.function.parameters | #df7850 | — |
| source.lua variable.parameter.function, source.lua variable.parameter, source.lua variable.parameter.function-call, source.lua meta.function.parameter, source.lua meta.function.parameters | #df7850 | — |
| entity.name.type.template, storage.type.template.argument | #c76025 | — |
| source.lua entity.name.type.template, source.lua storage.type.template.argument | #c76025 | — |
| entity.name.type.alias, support.type, markup.italic.markdown, entity.name.type.kotlin | #db9b25 | — |
| markup.bold.markdown | #b56e18 | — |
| markup.math.inline.markdown, entity.name.type.cpp, entity.name.type.parameter | #c6a721 | — |
| support.type.primitive, storage.type.built-in.primitive, support.type.builtin | #e49835 | — |
| support.type.built-in, storage.type.primitive, comment.line.double-dash.doc support.type | #c1b38a | — |
| source.lua entity.name.type.alias, source.lua support.type, source.lua markup.italic.markdown, source.lua entity.name.type.kotlin | #db9b25 | — |
| comment.line.double-dash.doc variable | #b58418 | — |
| variable.other.property, support.variable.property, variable.other.object.property, variable.other.table.property, meta.attribute, constant.other.option, support.type.property-name, variable.object.property, meta.flow-mapping.yaml, entity.other.attribute, support.type.property-name.css, meta.property-name, entity.other.attribute-name, entity.name.tag.yaml, markup.list.unnumbered.markdown | #88ac47 | — |
| markup.list.numbered.markdown | #768d33 | — |
| source.lua variable.other.property, source.lua support.variable.property, source.lua variable.other.object.property, source.lua variable.other.table.property, source.lua meta.attribute, source.lua constant.other.option, source.lua support.type.property-name, source.lua variable.object.property, source.lua meta.flow-mapping.yaml, source.lua entity.other.attribute, source.lua support.type.property-name.css, source.lua meta.property-name, source.lua entity.other.attribute-name, source.lua entity.name.tag.yaml, source.lua markup.list.unnumbered.markdown | #88ac47 | — |
| entity.name.type.class, entity.name.class, entity.other.inherited-class, entity.name.function-table, entity.other.attribute-name.class | #3aad5d | bold |
| support.class | #64b58a | bold |
| source.lua entity.name.type.class, source.lua entity.name.class, source.lua entity.other.inherited-class, source.lua entity.name.function-table, source.lua entity.other.attribute-name.class | #3aad5d | bold |
| meta.symbol.namespace, entity.name.scope-resolution | #2b9468 | — |
| source.lua meta.symbol.namespace, source.lua entity.name.scope-resolution | #2b9468 | — |
| variable.language.java, variable.language.this, variable.language.self, variable.language.special.self | #64c49b | — |
| source.lua variable.language.java, source.lua variable.language.this, source.lua variable.language.self, source.lua variable.language.special.self | #64c49b | — |
| meta.directive.vue, entity.name.method-function, entity.other.attribute-name.pseudo-class, entity.name.function.member | #20a6be | — |
| source.lua meta.directive.vue, source.lua entity.name.method-function, source.lua entity.other.attribute-name.pseudo-class, source.lua entity.name.function.member | #20a6be | — |
| entity.name.function, meta.function-call, entity.name.command | #407de6 | — |
| storage.type.template | #294fe3 | — |
| support.function.builtin, support.function.misc, support.function, keyword.operator.cast.static_cast, entity.name.function.definition.special | #6984ef | — |
| support.function.any-method | #407de6 | — |
| entity.name.other.preprocessor.macro | #5457ec | — |
| entity.name.other.preprocessor.macro.predefined | #8d7bf7 | — |
| source.lua entity.name.other.preprocessor.macro | #5457ec | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...