Thyme21g Theme
Publisher: Rohith_Rot_dgrrThemes in package: 1
A muted yet vibrant theme with blues, oranges, greens, reds, purple, and white
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#313244
- activityBar.activeBorder#89B4FA
- activityBar.activeFocusBorder#89B4FA
- activityBar.background#1E1E2E
- activityBar.foreground#CDD6F4
- activityBarBadge.background#CBA6F7
- activityBarBadge.foreground#1E1E2E
- badge.background#CBA6F7
- badge.foreground#1E1E2E
- button.background#45475A
- button.border#45475A
- button.foreground#CDD6F4
- button.hoverBackground#585B70
- button.secondaryBackground#1E1E2E
- button.secondaryForeground#CDD6F4
- button.secondaryHoverBackground#313244
- debugIcon.breakpointCurrentStackframeForeground#89B4FA
- debugIcon.breakpointDisabledForeground#6C7086
- debugIcon.breakpointForeground#F38BA8
- debugIcon.breakpointStackframeForeground#A6E3A1
- debugIcon.breakpointUnverifiedForeground#F9E2AF
- debugIcon.continueForeground#A6E3A1
- debugIcon.disconnectForeground#F38BA8
- debugIcon.pauseForeground#F9E2AF
- debugIcon.restartForeground#A6E3A1
- debugIcon.startForeground#A6E3A1
- debugIcon.stepBackForeground#CBA6F7
- debugIcon.stepIntoForeground#89B4FA
- debugIcon.stepOutForeground#89B4FA
- debugIcon.stepOverForeground#89B4FA
- debugIcon.stopForeground#F38BA8
- debugToolBar.background#1E1E2E
- debugToolBar.border#45475A
- descriptionForeground#9399B2
- diffEditor.border#45475A
- diffEditor.diagonalFill#45475A80
- diffEditor.insertedLineBackground#A6E3A110
- diffEditor.insertedTextBackground#A6E3A120
- diffEditor.removedLineBackground#F38BA810
- diffEditor.removedTextBackground#F38BA820
- dropdown.background#1E1E2E
- dropdown.border#45475A
- dropdown.foreground#CDD6F4
- dropdown.listBackground#1E1E2E
- editor.background#1E1E2E
- editor.findMatchBackground#F9E2AF
- editor.findMatchHighlightBackground#F9E2AF80
- editor.findRangeHighlightBackground#45475A80
- editor.foreground#CDD6F4
- editor.hoverHighlightBackground#45475A80
- editor.inactiveSelectionBackground#45475A80
- editor.lineHighlightBackground#313244
- editor.lineHighlightBorder#1E1E2E
- editor.rangeHighlightBackground#45475A80
- editor.selectionBackground#585B70
- editor.selectionHighlightBackground#45475A80
- editor.wordHighlightBackground#45475A80
- editorBracketMatch.background#45475A80
- editorBracketMatch.border#89B4FA
- editorCodeLens.foreground#6C7086
- editorCursor.foreground#F5E0DC
- editorGroup.border#1E1E2E
- editorGroup.dropBackground#31324480
- editorGroup.dropIntoPromptBackground#1E1E2E
- editorGroup.dropIntoPromptBorder#45475A
- editorGroup.dropIntoPromptForeground#CDD6F4
- editorGroup.emptyBackground#1E1E2E
- editorGroupHeader.noTabsBackground#1E1E2E
- editorGroupHeader.tabsBackground#1E1E2E
- editorGroupHeader.tabsBorder#1E1E2E
- editorHoverWidget.background#1E1E2E
- editorHoverWidget.border#45475A
- editorHoverWidget.foreground#CDD6F4
- editorHoverWidget.highlightForeground#89B4FA
- editorHoverWidget.statusBarBackground#1E1E2E
- editorIndentGuide.activeBackground1#89B4FA
- editorIndentGuide.background1#45475A
- editorLineNumber.activeForeground#CBA6F7
- editorLineNumber.foreground#6C7086
- editorLink.activeForeground#B4BEFE
- editorMarkerNavigation.background#1E1E2E
- editorMarkerNavigationError.background#F38BA810
- editorMarkerNavigationInfo.background#89B4FA10
- editorMarkerNavigationWarning.background#F9E2A810
- editorOverviewRuler.commonContentForeground#00000000
- editorOverviewRuler.currentContentForeground#00000000
- editorOverviewRuler.incomingContentForeground#00000000
- editorRuler.foreground#45475A
- editorSuggestWidget.background#1E1E2E
- editorSuggestWidget.border#45475A
- editorSuggestWidget.foreground#CDD6F4
- editorSuggestWidget.highlightForeground#89B4FA
- editorSuggestWidget.selectedBackground#45475A
- editorWhitespace.foreground#45475A
- editorWidget.background#1E1E2E
- editorWidget.border#45475A
- editorWidget.foreground#CDD6F4
- editorWidget.resizeBorder#89B4FA
- errorForeground#F38BA8
- extensionBadge.remoteBackground#89B4FA
- extensionBadge.remoteForeground#1E1E2E
- extensionButton.prominentBackground#A6E3A1
- extensionButton.prominentForeground#1E1E2E
- extensionButton.prominentHoverBackground#94D2A5
- focusBorder#89B4FA80
- foreground#CDD6F4
- gitDecoration.addedResourceForeground#A6E3A1
- gitDecoration.conflictingResourceForeground#F9E2AF
- gitDecoration.deletedResourceForeground#F38BA8
- gitDecoration.ignoredResourceForeground#6C7086
- gitDecoration.modifiedResourceForeground#89B4FA
- gitDecoration.submoduleResourceForeground#CBA6F7
- gitDecoration.untrackedResourceForeground#94E2D5
- input.background#1E1E2E
- input.border#45475A
- input.foreground#CDD6F4
- input.placeholderForeground#6C7086
- inputOption.activeBackground#45475A
- inputOption.activeBorder#89B4FA
- inputOption.activeForeground#CDD6F4
- inputValidation.errorBackground#F38BA810
- inputValidation.errorBorder#F38BA8
- inputValidation.errorForeground#F38BA8
- inputValidation.infoBackground#89B4FA10
- inputValidation.infoBorder#89B4FA
- inputValidation.infoForeground#89B4FA
- inputValidation.warningBackground#F9E2AF10
- inputValidation.warningBorder#F9E2AF
- inputValidation.warningForeground#F9E2AF
- list.activeSelectionBackground#45475A
- list.activeSelectionForeground#CDD6F4
- list.dropBackground#31324480
- list.errorForeground#F38BA8
- list.focusBackground#313244
- list.focusForeground#CDD6F4
- list.focusOutline#89B4FA
- list.highlightForeground#F5E0DC
- list.hoverBackground#313244
- list.hoverForeground#CDD6F4
- list.inactiveFocusOutline#89B4FA80
- list.inactiveSelectionBackground#313244
- list.inactiveSelectionForeground#CDD6F4
- list.invalidItemForeground#F38BA8
- list.warningForeground#F9E2AF
- listFilterWidget.background#1E1E2E
- listFilterWidget.noMatchesOutline#F38BA8
- listFilterWidget.outline#89B4FA
- listFilterWidget.shadow#00000060
- merge.border#45475A
- merge.commonContentBackground#1E1E2E
- merge.commonHeaderBackground#1E1E2E
- merge.currentContentBackground#89B4FA10
- merge.currentHeaderBackground#89B4FA20
- merge.incomingContentBackground#A6E3A110
- merge.incomingHeaderBackground#A6E3A120
- notificationCenter.border#1E1E2E
- notificationCenterHeader.background#1E1E2E
- notificationCenterHeader.foreground#CDD6F4
- notificationLink.foreground#89B4FA
- notifications.background#1E1E2E
- notifications.border#00000000
- notifications.foreground#CDD6F4
- notificationsErrorIcon.foreground#F38BA8
- notificationsInfoIcon.foreground#89B4FA
- notificationsWarningIcon.foreground#F9E2AF
- notificationToast.border#45475A
- panel.background#181825
- panel.border#1E1E2E
- panelInput.border#45475A
- panelSection.border#1E1E2E
- panelSection.dropBackground#31324480
- panelSectionHeader.background#1E1E2E
- panelSectionHeader.border#1E1E2E
- panelSectionHeader.foreground#CDD6F4
- panelTitle.activeBorder#CBA6F7
- panelTitle.activeForeground#CDD6F4
- panelTitle.inactiveForeground#6C7086
- peekView.border#89B4FA
- peekViewEditor.background#1E1E2E
- peekViewEditor.matchHighlightBackground#F9E2AF20
- peekViewEditor.matchHighlightBorder#F9E2AF80
- peekViewEditorGutter.background#1E1E2E
- peekViewResult.background#1E1E2E
- peekViewResult.fileForeground#CDD6F4
- peekViewResult.lineForeground#CDD6F4
- peekViewResult.matchHighlightBackground#89B4FA20
- peekViewResult.selectionBackground#45475A
- peekViewResult.selectionForeground#CDD6F4
- peekViewTitle.background#1E1E2E
- peekViewTitleDescription.foreground#9399B2
- peekViewTitleLabel.foreground#CDD6F4
- progressBar.background#89B4FA
- scrollbar.shadow#00000060
- scrollbarSlider.activeBackground#6C7086
- scrollbarSlider.background#45475A80
- scrollbarSlider.hoverBackground#585B70
- selection.background#585B70
- sideBar.background#181825
- sideBar.border#1E1E2E
- sideBar.foreground#CDD6F4
- sideBarSectionHeader.background#1E1E2E
- sideBarSectionHeader.border#1E1E2E
- sideBarSectionHeader.foreground#CDD6F4
- sideBarTitle.foreground#CDD6F4
- statusBar.background#1E1E2E
- statusBar.debuggingBackground#1E1E2E
- statusBar.foreground#CDD6F4
- statusBar.noFolderBackground#1E1E2E
- statusBarItem.activeBackground#45475A
- statusBarItem.errorForeground#F38BA8
- statusBarItem.hoverBackground#313244
- statusBarItem.warningForeground#F9E2AF
- tab.activeBackground#1E1E2E
- tab.activeBorder#CBA6F7
- tab.activeBorderTop#00000000
- tab.activeForeground#CDD6F4
- tab.activeModifiedBorder#89B4FA
- tab.border#1E1E2E
- tab.hoverBackground#313244
- tab.inactiveBackground#181825
- tab.inactiveForeground#6C7086
- tab.inactiveModifiedBorder#45475A
- tab.unfocusedHoverBackground#1E1E2E
- terminal.ansiBlack#45475A
- terminal.ansiBlue#89B4FA
- terminal.ansiBrightBlack#6C7086
- terminal.ansiBrightBlue#89B4FA
- terminal.ansiBrightCyan#94E2D5
- terminal.ansiBrightGreen#A6E3A1
- terminal.ansiBrightMagenta#CBA6F7
- terminal.ansiBrightRed#F38BA8
- terminal.ansiBrightWhite#CDD6F4
- terminal.ansiBrightYellow#F9E2AF
- terminal.ansiCyan#94E2D5
- terminal.ansiGreen#A6E3A1
- terminal.ansiMagenta#CBA6F7
- terminal.ansiRed#F38BA8
- terminal.ansiWhite#CDD6F4
- terminal.ansiYellow#F9E2AF
- terminal.background#1E1E2E
- terminal.border#1E1E2E
- terminal.dropBackground#31324480
- terminal.findMatchBackground#F9E2AF
- terminal.findMatchBorder#F9E2AF
- terminal.findMatchHighlightBackground#F9E2AFA0
- terminal.findMatchHighlightBorder#F9E2AF
- terminal.foreground#CDD6F4
- terminal.selectionBackground#45475A
- terminal.selectionForeground#CDD6F4
- terminalCommandDecoration.defaultBackground#6C7086
- terminalCommandDecoration.errorBackground#F38BA8
- terminalCommandDecoration.successBackground#A6E3A1
- terminalCursor.background#1E1E2E
- terminalCursor.foreground#F5E0DC
- textBlockQuote.background#181825
- textBlockQuote.border#45475A
- textCodeBlock.background#181825
- textLink.activeForeground#B4BEFE
- textLink.foreground#89B4FA
- textPreformat.foreground#A6E3A1
- textSeparator.foreground#45475A
- titleBar.activeBackground#1E1E2E
- titleBar.activeForeground#CDD6F4
- titleBar.border#1E1E2E
- titleBar.inactiveBackground#1E1E2E
- titleBar.inactiveForeground#6C7086
- tree.indentGuidesStroke#45475A
- walkThrough.embeddedEditorBackground#1E1E2E
- welcomePage.background#1E1E2E
- widget.shadow#00000060
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #6C7086 | italic |
| string, punctuation.definition.string, string punctuation.section.embedded source | #A6E3A1 | — |
| punctuation.definition.string | #A6E3A1 | — |
| constant.character.escape | #94E2D5 | — |
| constant.numeric, constant.language.numeric | #FAB387 | — |
| constant.language, support.constant | #F9E2AF | — |
| variable.other.constant | #FAB387 | — |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical | #CBA6F7 | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.comparison, keyword.operator.increment, keyword.operator.logical, keyword.operator.string, keyword.operator.ternary | #F5E0DC | — |
| punctuation.terminator, punctuation.separator, punctuation.delimiter, punctuation.section, punctuation.definition | #9399B2 | — |
| punctuation.section.bracket, punctuation.definition.array | #CDD6F4 | — |
| punctuation.section.brace, punctuation.definition.dictionary | #CDD6F4 | — |
| punctuation.section.parens, punctuation.definition.parameters | #CDD6F4 | — |
| entity.name.function, support.function, meta.function-call, variable.function, support.function.any-method | #89B4FA | — |
| variable.parameter | #CDD6F4 | — |
| meta.function-call.generic, meta.function-call.object, meta.function-call.static | #89B4FA | — |
| variable, meta.definition.variable, variable.other, variable.other.readwrite, variable.other.constant, variable.other.member, variable.other.property, variable.other.object, variable.other.object.property | #CDD6F4 | — |
| variable.language.this, variable.language.super, variable.language.self | #F5E0DC | bold |
| entity.name.type, entity.name.class, support.type, support.class, storage.type, meta.type, meta.return.type, meta.return-type, meta.cast, meta.type.name | #F9E2AF | — |
| entity.other.inherited-class | #94E2D5 | italic |
| variable.parameter | #CDD6F4 | — |
| entity.name.tag | #F38BA8 | — |
| entity.name.tag, meta.tag | #F38BA8 | — |
| entity.other.attribute-name, meta.attribute | #FAB387 | — |
| support.type.property-name.css, meta.property-name.css, meta.property-value.css, support.type.property-name.scss, meta.property-value.scss | #94E2D5 | — |
| keyword.other.unit.css, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #F9E2AF | — |
| support.type.property-name.json, meta.structure.dictionary.json string.quoted.double.json | #89B4FA | — |
| markup.heading, markup.heading.setext, entity.name.section | #89B4FA | bold |
| markup.underline.link, string.other.link | #F5E0DC | — |
| markup.bold, punctuation.definition.bold | #F5E0DC | bold |
| markup.italic, punctuation.definition.italic | #CDD6F4 | italic |
| markup.inline.raw, markup.raw, markup.fenced_code.block | #A6E3A1 | — |
| markup.quote, punctuation.definition.block.quote | #6C7086 | italic |
| markup.list | #89B4FA | — |
| markup.inserted | #A6E3A1 | — |
| markup.deleted | #F38BA8 | — |
| markup.changed | #F9E2AF | — |
| meta.diff, meta.diff.header | #6C7086 | — |
| markup.changed.diff | #CBA6F7 | — |
| string.regexp, constant.other.character-class.regexp, constant.character.escape, punctuation.definition.character-class.regexp, punctuation.definition.group.regexp, punctuation.definition.string.begin, punctuation.definition.string.end | #94E2D5 | — |
| constant.other.character-class.set.regexp | #F9E2AF | — |
| punctuation.definition.group.capture.regexp | #89B4FA | — |
| keyword.operator.quantifier.regexp | #F5E0DC | — |
| punctuation.definition.anchor.regexp | #F38BA8 | — |
| entity.name.tag.yaml | #89B4FA | — |
| variable.other.alias.yaml | #CBA6F7 | — |
| entity.other.attribute-name.table | #89B4FA | — |
| constant.language.boolean.toml | #F9E2AF | — |
| constant.other.date.toml | #FAB387 | — |
| entity.name.section.table | #CBA6F7 | — |
| entity.name.section.group-title.ini | #89B4FA | — |
| keyword.other.definition.ini | #CDD6F4 | — |
| entity.name.function.target.makefile | #89B4FA | — |
| variable.other.makefile | #F9E2AF | — |
| keyword.other.special-method.dockerfile | #89B4FA | — |
| string.quoted.double.dockerfile | #A6E3A1 | — |
| meta.scope.changeset.git-commit | #CDD6F4 | — |
| entity.name.scope.changeset.git-commit | #89B4FA | — |
| meta.scope.rebase-msg.git-rebase | #CDD6F4 | — |
| meta.scope.merge-msg.git-merge | #CDD6F4 | — |
| entity.other.attribute-name.git-config | #89B4FA | — |
| entity.name.section.group-title.git-config | #CBA6F7 | — |
| entity.other.attribute-name.git-attributes | #89B4FA | — |
| entity.other.attribute-name.git-ignore | #89B4FA | — |
| entity.other.attribute-name.git-modules | #89B4FA | — |
| constant.other.reference.git-rebase | #F9E2AF | — |
| constant.other.reference.git-commit | #F5E0DC | — |
| source.yaml.embedded.git-actions | #CDD6F4 | — |
| source.gfm | #CDD6F4 | — |
| entity.other.reference.issue.git-commit | #89B4FA | — |
| entity.other.reference.pull-request.git-commit | #A6E3A1 | — |
| entity.other.reference.username.git-commit | #CBA6F7 | — |
| constant.other.emoji.git-commit | #F9E2AF | — |
| source.yaml.embedded.workflow | #CDD6F4 | — |
| keyword.other.workflow | #89B4FA | — |
| support.constant.workflow.event | #F38BA8 | — |
| support.function.workflow | #94E2D5 | — |
| support.variable.workflow | #F9E2AF | — |
| meta.embedded.expression.workflow | #CDD6F4 | — |
| string.quoted.double.workflow | #A6E3A1 | — |
| constant.numeric.workflow | #FAB387 | — |
| constant.language.boolean.workflow | #F9E2AF | — |
| constant.language.null.workflow | #F38BA8 | — |
| entity.name.tag.workflow | #89B4FA | — |
| comment.line.number-sign.workflow | #6C7086 | italic |