Trigger Dark Refined
Publisher: dewantorafliThemes in package: 7
A sleek, modern dark theme for Visual Studio Code inspired by Trigger aesthetics
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.
- actionBar.toggledBackground#383a49
- activityBar.activeBorder#A8FF53
- activityBar.background#0F1017
- activityBar.border#1a1b1f
- activityBar.foreground#CFD6E4
- activityBar.inactiveForeground#3B3E45
- activityBarBadge.background#8186A2
- activityBarBadge.foreground#CFD6E4
- badge.background#616161
- badge.foreground#878C99
- breadcrumb.background#0F1017
- button.background#A8FF53
- button.border#cfd6e400
- button.foreground#0F1017
- button.hoverBackground#BFFF81
- button.secondaryBackground#303339
- button.secondaryForeground#8186A2
- button.secondaryHoverBackground#3f434b
- chat.slashCommandBackground#34414B
- chat.slashCommandForeground#D9F07C
- checkbox.background#313131
- checkbox.border#1A1B1F
- debugToolBar.background#0F1017
- descriptionForeground#8186A2
- disabledForeground#8186A2
- dropdown.background#313131
- dropdown.border#1A1B1F
- dropdown.foreground#878C99
- dropdown.listBackground#3C3F46
- editor.background#0F1017
- editor.findMatchBackground#a773ec24
- editor.findMatchHighlightBackground#a773ec4e
- editor.foreground#878C99
- editor.hoverHighlightBackground#a773ec4e
- editor.inactiveSelectionBackground#3a3d41bb
- editor.lineHighlightBackground#222233
- editor.lineHighlightBorder#212327
- editor.selectionBackground#3b3e45ec
- editor.selectionHighlightBackground#eef7ff26
- editor.wordHighlightBackground#a773ec4e
- editor.wordHighlightStrongBackground#a773ec4e
- editorBracketHighlight.foreground1#DFF2B6
- editorBracketHighlight.foreground2#B887EA
- editorBracketHighlight.foreground3#479DEC
- editorBracketHighlight.foreground4#F9D849
- editorBracketHighlight.foreground5#D886FF
- editorBracketHighlight.foreground6#618FE7
- editorBracketHighlight.unexpectedBracket.foreground#db4b4b
- editorBracketPairGuide.activeBackground1#DFF2B6
- editorBracketPairGuide.activeBackground2#B887EA
- editorBracketPairGuide.activeBackground3#479DEC
- editorBracketPairGuide.activeBackground4#F9D849
- editorBracketPairGuide.activeBackground5#D886FF
- editorBracketPairGuide.activeBackground6#618FE7
- editorGroup.border#0F1017
- editorGroupHeader.border#0F1017
- editorGroupHeader.noTabsBackground#0F1017
- editorGroupHeader.tabsBackground#0F1017
- editorGroupHeader.tabsBorder#212327
- editorGutter.addedBackground#A8FF53
- editorGutter.deletedBackground#F85149
- editorGutter.modifiedBackground#8271ED
- editorIndentGuide.activeBackground1#707070
- editorIndentGuide.background1#404040
- editorLineNumber.activeForeground#878C99
- editorLineNumber.foreground#484c54
- editorOverviewRuler.border#010409
- editorWarning.foreground#ECCF06
- editorWidget.background#202020
- errorForeground#F85149
- focusBorder#8186a200
- foreground#878C99
- gitDecoration.addedResourceForeground#AFEC73
- gitDecoration.conflictingResourceForeground#e0af68cc
- gitDecoration.deletedResourceForeground#ffe8eb
- gitDecoration.ignoredResourceForeground#545c7e
- gitDecoration.modifiedResourceForeground#826DFF
- gitDecoration.renamedResourceForeground#AFEC73
- gitDecoration.stageDeletedResourceForeground#914c54
- gitDecoration.stageModifiedResourceForeground#6183bb
- gitDecoration.submoduleResourceForeground#826DFF
- gitDecoration.untrackedResourceForeground#AFEC73
- icon.foreground#52565e
- input.background#0B0C0F
- input.border#313236
- input.foreground#878C99
- input.placeholderForeground#878c998d
- inputOption.activeBackground#2489db36
- inputOption.activeBorder#D9F07C
- keybindingLabel.foreground#878C99
- list.activeSelectionBackground#6c717c89
- list.activeSelectionForeground#a1a7b5
- list.activeSelectionIconForeground#FFF
- list.dropBackground#383B3D
- list.errorForeground#e55874
- list.hoverBackground#878c9924
- list.inactiveSelectionBackground#878c9940
- list.warningForeground#ECCF06
- menu.background#3C3F46
- menu.border#454545
- menu.foreground#9397a2
- menu.separatorBackground#454545
- notificationCenterHeader.background#3C3F46
- notificationCenterHeader.foreground#878C99
- notifications.background#1D1F23
- notifications.border#1A1B1F
- notifications.foreground#878C99
- notificationsErrorIcon.foreground#F43F5E
- notificationsInfoIcon.foreground#a8ee67
- panel.background#0F1017
- panel.border#1f1a1f
- panelInput.border#1A1B1F
- panelTitle.activeBorder#A8FF53
- panelTitle.activeForeground#878C99
- panelTitle.inactiveForeground#9D9D9D
- peekViewEditor.background#3C3F46
- peekViewEditor.matchHighlightBackground#a0bb0966
- peekViewResult.background#3C3F46
- peekViewResult.matchHighlightBackground#a0bb0966
- pickerGroup.border#1A1B1F
- ports.iconRunningProcessForeground#369432
- progressBar.background#8186A2
- quickInput.background#0F1017
- quickInput.foreground#878C99
- scrollbarSlider.activeBackground#868bc422
- scrollbarSlider.background#878c993f
- scrollbarSlider.hoverBackground#878c993f
- selection.background#878c9933
- settings.dropdownBackground#313131
- settings.dropdownBorder#1A1B1F
- settings.headerForeground#CFD6E4
- settings.modifiedItemIndicator#A18707
- sideBar.background#0F1017
- sideBar.border#1A1B1F
- sideBar.foreground#878C99
- sideBarSectionHeader.background#0F1017
- sideBarSectionHeader.border#1A1B1F
- sideBarSectionHeader.foreground#878C99
- sideBarTitle.foreground#878C99
- statusBar.background#0F1017
- statusBar.border#1A1B1F
- statusBar.debuggingBackground#4734a5
- statusBar.debuggingForeground#CFD6E4
- statusBar.focusBorder#8186A2
- statusBar.foreground#878C99
- statusBar.noFolderBackground#3C3F46
- statusBarItem.focusBorder#8186A2
- statusBarItem.hoverForeground#efe9e9
- statusBarItem.prominentBackground#6E768166
- statusBarItem.remoteBackground#4734a5
- statusBarItem.remoteForeground#b8bcc7
- tab.activeBackground#0F1017
- tab.activeBorder#AFEC73
- tab.activeBorderTop#0F1017
- tab.activeForeground#CFD6E4
- tab.border#1A1B1F
- tab.hoverBackground#1d1f25
- tab.inactiveBackground#0F1017
- tab.inactiveForeground#656974
- tab.lastPinnedBorder#ccc3
- tab.unfocusedActiveBorder#3C3F46
- tab.unfocusedActiveBorderTop#1A1B1F
- tab.unfocusedHoverBackground#3C3F46
- terminal.background#0F1017
- terminal.foreground#878C99
- terminal.hoverHighlightBackground#afec730d
- terminal.inactiveSelectionBackground#3A3D41
- terminal.tab.activeBorder#A8FF53
- textBlockQuote.background#1A1B1F
- textBlockQuote.border#616161
- textCodeBlock.background#1A1B1F
- textLink.activeForeground#9E8EFF
- textLink.foreground#826DFF
- textPreformat.background#1A1B1F
- textPreformat.foreground#D0D0D0
- textSeparator.foreground#878C99
- titleBar.activeBackground#0F1017
- titleBar.activeForeground#878C99
- titleBar.border#1A1B1F
- titleBar.inactiveBackground#0F1017
- titleBar.inactiveForeground#878C99
- welcomePage.progress.foreground#8186A2
- welcomePage.tileBackground#1A1B1F
- widget.border#303031
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| punctuation.definition.string.begin.html, punctuation.definition.string.end.html, string.quoted.double.html, string.quoted.double.css | #9ED66B | — |
| storage.modifier.async.js, storage.modifier.async.ts | #D886FF | — |
| keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.directive.using, keyword.other.operator, entity.name.operator | #E888F8 | — |
| text.html.basic, text.html.jsx, text, meta.jsx.children | #D7D9DD | — |
| support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy | #F770C6 | — |
| variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder | #CCCBFF | — |
| variable.other.constant, variable.other.enummember | #9C9AF2 | — |
| keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike | #8271ED | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #7A78EA | — |
| storage.type | #8271ED | — |
| storage.modifier, keyword.operator.noexcept | #8271ED | — |
| entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal | #D9F07C | — |
| string, meta.embedded.assembly | #AFEC73 | — |
| string.tag | #AFEC73 | — |
| string.value | #AFEC73 | — |
| keyword.operator | #878C99 | — |
| meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python | #D4D4D4 | — |
| emphasis | — | italic |
| strong | — | bold |
| header | #7f7ffa | — |
| comment | #6f736d | — |
| constant.language | #9B99FF | — |
| constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent | #b5cea8 | — |
| constant.regexp | #646695 | — |
| entity.name.tag | #9B99FF | — |
| entity.name.tag.css, entity.name.tag.less | #d7ba7d | — |
| entity.other.attribute-name | #C39EFF | — |
| entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, source.css entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss | #F8F8F8 | — |
| invalid | #f44747 | — |
| markup.underline | — | underline |
| markup.bold | #9B99FF | bold |
| markup.heading | #9B99FF | bold |
| markup.italic | — | italic |
| markup.strikethrough | — | strikethrough |
| markup.inserted | #b5cea8 | — |
| markup.deleted | #AFEC73 | — |
| markup.changed | #9B99FF | — |
| punctuation.definition.quote.begin.markdown | #6A9955 | — |
| punctuation.definition.list.begin.markdown | #6796e6 | — |
| markup.inline.raw | #AFEC73 | — |
| punctuation.definition.tag | #5F6570 | — |
| meta.preprocessor, entity.name.function.preprocessor | #9B99FF | — |
| meta.preprocessor.string | #AFEC73 | — |
| meta.preprocessor.numeric | #b5cea8 | — |
| meta.structure.dictionary.key.python | #bdf9e2 | — |
| meta.diff.header | #9B99FF | — |
| storage | #9B99FF | — |
| string.regexp | #d16969 | — |
| meta.template.expression | #d4d4d4 | — |
| support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, source.css.less variable.other, source.coffee.embedded | #bdf9e2 | — |
| keyword.other.unit | #b5cea8 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #9B99FF | — |
| support.function.git-rebase | #bdf9e2 | — |
| constant.sha.git-rebase | #b5cea8 | — |
| storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java | #d4d4d4 | — |
| variable.language | #9B99FF | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class | #9B99FF | — |
| meta.object-literal.key | #8B89FF | — |
| entity.name.function.decorator.python, punctuation.definition.decorator.python | #F770C6 | italic |
| meta.fstring.python, string.interpolated.python, punctuation.definition.interpolation.begin.python, punctuation.definition.interpolation.end.python | #D9F07C | — |
| meta.function.parameters.python storage.type.annotation.python, meta.function.python storage.type.annotation.python, punctuation.separator.annotation.python, punctuation.separator.annotation.result.python | #8271ED | — |
| storage.modifier.async.python, keyword.control.flow.await.python | #E888F8 | italic |
| support.variable.magic.python, support.function.magic.python | #C39EFF | — |
| variable.language.special.self.python, variable.language.special.cls.python | #9B99FF | italic |
| storage.modifier.lifetime.rust, entity.name.type.lifetime.rust | #C39EFF | italic |
| storage.type.trait.rust, storage.type.impl.rust, entity.name.type.trait.rust | #F770C6 | — |
| entity.name.function.macro.rust, support.function.macro.rust | #D9F07C | bold |
| keyword.other.rust, storage.modifier.mut.rust, storage.modifier.ref.rust | #E888F8 | — |
| storage.type.numeric.rust, storage.type.rust, keyword.control.rust | #8271ED | — |
| meta.attribute.rust, punctuation.definition.attribute.rust | #C39EFF | italic |
| keyword.channel.go, keyword.control.go, keyword.import.go, keyword.interface.go, keyword.package.go, keyword.struct.go, keyword.type.go | #E888F8 | — |
| keyword.function.go, keyword.var.go, keyword.const.go, keyword.map.go, keyword.const.go | #8271ED | — |
| support.function.builtin.go | #D9F07C | — |
| variable.other.assignment.go, keyword.operator.address.go | #C39EFF | — |
| variable.other.php, punctuation.definition.variable.php | #CCCBFF | — |
| variable.other.global.php, variable.other.global.safer.php | #F770C6 | bold |
| support.other.namespace.php, keyword.other.use.php, support.class.php | #8271ED | — |
| storage.type.trait.php, storage.type.interface.php | #F770C6 | — |
| support.function.magic.php, constant.language.php | #C39EFF | — |
| constant.other.symbol.ruby, punctuation.definition.constant.ruby | #9C9AF2 | — |
| variable.other.readwrite.instance.ruby, variable.other.readwrite.class.ruby, punctuation.definition.variable.ruby | #F770C6 | — |
| punctuation.section.scope.begin.ruby, punctuation.section.scope.end.ruby, keyword.control.pseudo-method.ruby | #E888F8 | — |
| punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.ruby, source.ruby.embedded.source | #D9F07C | — |
| keyword.control.module.ruby, keyword.control.class.ruby, keyword.control.def.ruby, storage.type.variable.ruby | #8271ED | — |
| keyword.operator.type.optional.swift, keyword.operator.optional-chaining.swift, keyword.operator.nil-coalescing.swift | #C39EFF | — |
| storage.type.protocol.swift, storage.type.extension.swift, keyword.other.declaration-specifier.swift | #F770C6 | — |
| storage.type.attribute.swift, punctuation.definition.attribute.swift | #C39EFF | italic |
| keyword.declaration.swift, storage.modifier.swift, keyword.control.transfer.swift | #E888F8 | — |
| punctuation.definition.generic.begin.swift, punctuation.definition.generic.end.swift | #8271ED | — |
| keyword.operator.safe-navigation.kotlin, keyword.operator.elvis.kotlin | #C39EFF | — |
| storage.modifier.kotlin, keyword.other.kotlin | #F770C6 | — |
| storage.modifier.suspend.kotlin, keyword.other.kotlin | #E888F8 | italic |
| punctuation.definition.annotation.kotlin, storage.type.annotation.kotlin | #C39EFF | italic |
| punctuation.definition.template-expression.begin.kotlin, punctuation.definition.template-expression.end.kotlin | #D9F07C | — |
| keyword.other.DML.sql, keyword.other.DDL.create.II.sql, keyword.other.DDL.drop.sql, keyword.other.sql | #E888F8 | — |
| support.function.aggregate.sql, support.function.string.sql, support.function.window.sql | #D9F07C | — |
| storage.type.sql, constant.language.sql | #F770C6 | — |
| keyword.operator.comparison.sql, keyword.operator.logical.sql | #8271ED | — |
| constant.other.table-name.sql, constant.other.database-name.sql | #CCCBFF | — |
| variable.other.readwrite.shell, variable.other.positional.shell, variable.other.special.shell, punctuation.definition.variable.shell | #CCCBFF | — |
| punctuation.definition.string.begin.shell, punctuation.definition.string.end.shell, string.interpolated.backtick.shell | #D9F07C | — |
| keyword.control.shell, storage.modifier.shell | #E888F8 | — |
| support.function.builtin.shell, entity.name.command.shell | #D9F07C | — |
| keyword.operator.redirect.shell, keyword.operator.pipe.shell | #8271ED | — |
| keyword.other.special-method.dockerfile, keyword.operator.flag.dockerfile | #E888F8 | bold |
| entity.name.tag.yaml, punctuation.definition.key-value.yaml | #9C9AF2 | — |
| string.unquoted.plain.out.yaml, string.quoted.single.yaml, string.quoted.double.yaml | #AFEC73 | — |
| punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml, variable.other.alias.yaml | #C39EFF | — |
| entity.other.document.begin.yaml, entity.other.document.end.yaml | #878C99 | — |
| meta.structure.dictionary.key.json string.quoted.double.json, support.type.property-name.json | #9C9AF2 | — |
| support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color | #CE9178 | — |
| punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp | #CE9178 | — |
| constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp | #d16969 | — |
| keyword.operator.or.regexp, keyword.control.anchor.regexp | #DDEB88 | — |
| keyword.operator.quantifier.regexp | #d7ba7d | — |
| constant.character, constant.other.option | #9B99FF | — |
| constant.character.escape | #d7ba7d | — |
| entity.name.label | #C8C8C8 | — |