ANAGRAM
Publisher: ANAGRAMThemes in package: 1
subliminal meets base16-irblack and vim defaults
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#1c1c1c
- activityBar.activeBackground#181818
- activityBar.activeBorder#00000000
- activityBar.activeBorderTop#00000000
- activityBar.background#1c1c1c
- activityBar.border#00000000
- activityBar.foreground#ffffff
- activityBar.inactiveBackground#181818
- activityBar.inactiveBorder#00000000
- activityBar.inactiveBorderTop#00000000
- activityBarBadge.background#ffffff
- activityBarBadge.foreground#000000
- badge.background#000000
- badge.foreground#ffffff
- banner.background#181818
- button.background#ffffff
- button.border#00000000
- button.foreground#000000
- button.hoverBackground#cccccc
- button.prominentBackground#ffffff
- button.secondaryBackground#999999
- button.secondaryBorder#333333
- button.secondaryForeground#181818
- button.secondaryHoverBackground#666666
- button.secondaryHoverBorder#0c0c0c
- debugToolBar.activeBackground#333333
- debugToolBar.activeForeground#ffffff
- debugToolBar.background#181818
- debugToolBar.border#000000
- debugToolBar.inactiveBackground#181818
- debugToolBar.inactiveForeground#ffffff
- dropdown.background#181818
- dropdown.border#00000000
- dropdown.foreground#ffffff
- dropdown.listBackground#1c1c1c
- editor.background#212121
- editor.findMatchBackground#e186e1a3
- editor.findMatchHighlightBackground#e186e1a3
- editor.findRangeHighlightBackground#e186e1a3
- editor.foreground#fafafa
- editor.lineHighlightBackground#00000000
- editor.selectionBackground#ffffff33
- editor.selectionHighlightBackground#ffffff10
- editor.wordHighlightBackground#e9db9770
- editor.wordHighlightBorder#e9db9783
- editor.wordHighlightStrongBackground#e9db9770
- editor.wordHighlightStrongBorder#e9db9783
- editorBracketHighlight.foreground1#f1f1f1
- editorBracketHighlight.foreground2#e1e1e1
- editorBracketHighlight.foreground3#d1d1d1
- editorCursor.background#ffffffc9
- editorCursor.foreground#b6bcc4
- editorError.foreground#E15A60
- editorGroup.border#2f2f2f
- editorGroup.dropBackground#181818
- editorGroupHeader.border#00000000
- editorGroupHeader.noTabsBackground#181818
- editorGroupHeader.tabsBackground#1f1f1f
- editorGroupHeader.tabsBorder#212121
- editorGutter.background#212121
- editorHoverWidget.background#1f1f1f
- editorHoverWidget.border#2f2f2f
- editorIndentGuide.activeBackground1#212121
- editorIndentGuide.background1#212121
- editorLineNumber.activeForeground#c0c5cd80
- editorLineNumber.foreground#3B404880
- editorMarkerNavigation.background#1f1f1f
- editorPane.activeBackground#333333
- editorPane.activeForeground#ffffff
- editorPane.background#181818
- editorPane.border#000000
- editorPane.inactiveBackground#181818
- editorPane.inactiveForeground#ffffff
- editorRuler.foreground#abb2bf26
- editorSuggestWidget.background#1f1f1f
- editorSuggestWidget.border#2f2f2f
- editorSuggestWidget.selectedBackground#2c313a
- editorWhitespace.foreground#3B4048
- editorWidget.background#1f1f1f
- extensionBadge.remoteBackground#1f1f1f
- extensionBadge.remoteForeground#e1e1e1
- extensionButton.errorBackground#9a1111
- extensionButton.errorForeground#181818
- extensionButton.errorHoverBackground#ea1818
- extensionButton.prominentBackground#1f1f1f
- extensionButton.prominentForeground#e1e1e1
- extensionButton.prominentHoverBackground#2f2f2f
- extensionButton.prominentHoverBorder#e1e1e1
- extensionButton.secondaryBackground#eaeaea
- extensionButton.secondaryForeground#181818
- extensionButton.secondaryHoverBackground#2f2f2f
- extensionButton.warningBackground#c88a1e
- extensionButton.warningForeground#e1e1e1
- extensionButton.warningHoverBackground#f5a61c
- focusBorder#6d0ab4c5
- gitDecoration.addedResourceForeground#95E5A6
- gitDecoration.conflictingResourceForeground#FFA5C3
- gitDecoration.deletedResourceForeground#FFA5C3
- gitDecoration.ignoredResourceForeground#64727f
- gitDecoration.modifiedResourceForeground#8CD8D8
- gitDecoration.untrackedResourceForeground#95E5A6
- input.background#1c1c1c
- input.border#212121
- input.foreground#ffffff
- input.placeholderForeground#ffffff80
- inputOption.activeBackground#333333
- inputOption.activeBorder#00000000
- inputOption.activeForeground#ffffff
- inputValidation.errorBackground#ff0000
- inputValidation.errorBorder#ff0000
- inputValidation.infoBackground#00000000
- inputValidation.infoBorder#00000000
- inputValidation.warningBackground#ff0000
- inputValidation.warningBorder#ff0000
- list.activeSelectionBackground#212121
- list.activeSelectionForeground#e1e1e1
- list.activeSelectionIconForeground#ffffff
- list.dropBackground#181818
- list.errorForeground#ff0000
- list.focusBackground#212121
- list.focusForeground#e1e1e1
- list.highlightForeground#C5C5C5
- list.hoverBackground#21212150
- list.hoverForeground#c0c5cd
- list.inactiveFocusBackground#21212150
- list.inactiveFocusForeground#ffffff
- list.inactiveSelectionBackground#212121
- list.inactiveSelectionForeground#e1e1e1
- menu.background#181818
- menu.border#00000000
- menu.foreground#ffffff
- menu.selectionBackground#333333
- menu.selectionBorder#00000000
- menu.selectionForeground#e186e1a3
- menu.separatorBackground#00000000
- panel.background#181818
- panel.border#0c0c0c
- panel.dropBorder#00000000
- panelTitle.activeBackground#333333
- panelTitle.activeBorder#00000000
- panelTitle.activeBorderTop#00000000
- panelTitle.activeForeground#ffffff
- peekViewEditor.background#001f33
- peekViewEditor.matchHighlightBackground#202020
- peekViewEditorGutter.background#282828
- profileBadge.background#181818
- profileBadge.foreground#ffffff
- scrollbar.shadow#212121
- scrollbarSlider.activeBackground#232323
- scrollbarSlider.background#232323
- scrollbarSlider.hoverBackground#323232
- sideBar.background#1c1c1c
- sideBar.border#1f1f1f
- sideBar.foreground#e1e1e1
- sideBarSectionHeader.background#1f1f1f
- sideBarSectionHeader.foreground#c0c5cd
- statusBar.background#1c1c1c
- statusBar.border#00000000
- statusBar.debuggingBackground#7e0097
- statusBar.debuggingBorder#66017a
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#1f1f1f
- statusBarItem.hoverBackground#2c313a
- tab.activeBackground#333333
- tab.activeForeground#ffffff
- tab.border#00000000
- tab.inactiveBackground#242424
- tab.inactiveForeground#ffffff80
- tab.selectedForeground#ffffff
- tab.unfocusedActiveBackground#333333
- tab.unfocusedActiveForeground#ffffff
- tab.unfocusedInactiveBackground#242424
- tab.unfocusedInactiveForeground#ffffff
- terminal.ansiBlack#232323
- terminal.ansiBlue#8CD8D8
- terminal.ansiBrightBlack#7f7f7f
- terminal.ansiBrightBlue#8CD8D8
- terminal.ansiBrightCyan#8CD8D8
- terminal.ansiBrightGreen#95E5A6
- terminal.ansiBrightMagenta#FFA5C3
- terminal.ansiBrightRed#FFA5C3
- terminal.ansiBrightWhite#d4d4d4
- terminal.ansiBrightYellow#FFDFA5
- terminal.ansiCyan#8CD8D8
- terminal.ansiGreen#95E5A6
- terminal.ansiMagenta#FFA5C3
- terminal.ansiRed#FFA5C3
- terminal.ansiWhite#d4d4d4
- terminal.ansiYellow#FFDFA5
- titleBar.activeBackground#181818
- titleBar.activeBorder#00000000
- titleBar.activeBorderTop#00000000
- titleBar.activeForeground#ffffff
- titleBar.border#00000000
- titleBar.inactiveBackground#181818
- titleBar.inactiveBorder#00000000
- titleBar.inactiveBorderTop#00000000
- titleBar.inactiveForeground#ffffff
- tree.indentGuidesStroke#212121
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #C0C5CD50 | italic |
| meta.type.flowtype variable.other.flowtype, variable.other.property, variable.other.object, variable.other.readwrite, meta.template.expression, entity.name.type.module, punctuation.definition.entity, variable.parameter | #D4D4D4 | — |
| variable.language.this, variable.language.super | #D4D4D4 | — |
| entity.name.tag.reference, entity.name.tag.css, entity.name.tag.scss | #FFA5C3 | — |
| keyword, storage.type, storage.type.function, variable.other.flowtype, storage.type.extends, storage.type.function, storage.type.class, keyword.operator.module | #7F7F7F | — |
| entity.name.type | #8CD8D8 | underline |
| entity.name.type.module | — | |
| storage.modifier | #7F7F7F | — |
| entity.name.tag | #7F7F7F | — |
| meta.decorator, meta.decorator.tsx variable.other.readwrite.tsx, meta.decorator.tsx variable.other.object.tsx, meta.decorator.tsx variable.other.property.tsx, meta.decorator.jsx variable.other.readwrite.jsx, meta.decorator.jsx variable.other.object.jsx, meta.decorator.jsx variable.other.property.jsx | #7F7F7F | — |
| support.class.component | #FFDFA5 | — |
| variable.function, source meta.function-call entity.name.function, meta.class meta.group.braces.curly meta.function-call variable.function, meta.class meta.field.declaration meta.function-call entity.name.function, variable.function.constructor, meta.block meta.var.expr meta.function-call entity.name.function, support.function.console, meta.function-call support.function, meta.property.class variable.other.class, punctuation.definition.entity.css | #FFDFA5 | — |
| entity.name.function, meta.class entity.name.class, meta.class entity.name.type.class, meta.class meta.function-call variable.function, source keyword.control.loop, storage.type.function.arrow, keyword.other.important | #FFA5C3 | |
| keyword.control.flow | #FFA5C3 | — |
| support.type.primitive | #8CD8D8 | italic |
| support.type.property-name | #D4D4D4 | — |
| keyword.control.trycatch, source meta.group.braces.curly keyword.control.loop, keyword.control.switch | #7F7F7F | — |
| punctuation.terminator, punctuation.definition, punctuation.support, punctuation.separator.dictionary, punctuation.separator.array, meta.brace.round, punctuation.section.embedded, punctuation.accessor, meta.delimiter.comma, keyword.operator.ternary, punctuation.section.property-list, punctuation.section.function, punctuation.separator.comma, meta.function-call.without-arguments, constant.character.entity, entity.other.attribute-name.pseudo-class, meta.brace.curly, meta.brace.square, punctuation.separator.parameter, punctuation.operation.graphql | #7F7F7F | — |
| keyword.other.substitution, punctuation.definition.interpolation, punctuation.definition.template-expression | #7F7F7F | — |
| punctuation.separator.key-value, keyword.operator.type | #7F7F7F | — |
| keyword.operator.optional | #FFDFA5 | — |
| keyword.operator.assignment | #FFDFA5 | — |
| keyword.operator.logical | #FFDFA5 | — |
| keyword.operator.comparison, keyword.operator.relational | #FFA5C3 | — |
| string.quoted, string.interpolated, support.constant.property-value, keyword.other.unit, string.template, punctuation.definition.string | #95E5A6 | — |
| constant.language, constant.numeric, support.constant, constant.character, constant.other.color, constant.other.symbol, constant.other.key | #8CD8D8 | — |
| markup.inserted | #99C794 | — |
| markup.deleted | #E15A60 | — |
| markup.changed | #BB80B3 | — |
| *url*, *link*, *uri* | — | underline |
| constant.numeric.line-number.find-in-files - match | #AB7967 | — |
| entity.name.filename.find-in-files | #99C794 | — |
| token.info-token | #95E5A6 | — |
| token.warn-token | #FFDFA5 | — |
| token.error-token | #FFA5C3 | — |
| token.debug-token | #8CD8D8 | — |
| source entity.other.attribute-name | #FFDFA5 | italic |
| source meta.tag.attributes entity.other.attribute-name, meta.jsx.js entity.other.attribute-name.jsx | #D4D4D4 | italic |
| text.html.basic entity.other.attribute-name.html | — | italic |