Looped Themes
Publisher: Looped AutomationThemes in package: 2
Looped Automation's themes for VS Code
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.activeBorder#685EF6
- activityBar.background#0A0B10
- activityBar.foreground#FAF9F6
- activityBarBadge.background#685EF6
- button.background#685EF6
- button.foreground#FFFFFF
- button.hoverBackground#685ef6d5
- chat.checkpointSeparator#313338
- chat.requestBubbleBackground#31333850
- chat.requestBubbleHoverBackground#31333880
- chat.slashCommandBackground#14161B
- chat.slashCommandForeground#FAF9F6
- debugToolBar.background#0A0B10
- diffEditor.insertedTextBackground#38946950
- diffEditor.removedTextBackground#D02E1E50
- dropdown.background#0A0B10
- dropdown.listBackground#0A0B10
- editor.background#0A0B10
- editor.foreground#FAF9F6
- editor.lineHighlightBackground#14161B
- editor.selectionBackground#8B8DFF30
- editor.selectionHighlightBackground#685EF630
- editorCursor.foreground#FAF9F6
- editorGroup.border#0A0B10
- editorGroup.dropBackground#31333840
- editorGroupHeader.tabsBackground#0A0B10
- editorHoverWidget.background#14161B
- editorHoverWidget.border#313338
- editorIndentGuide.activeBackground1#685EF6
- editorIndentGuide.background1#313338
- editorLineNumber.activeForeground#685EF6
- editorLineNumber.foreground#313338
- editorSuggestWidget.background#0A0B10
- editorSuggestWidget.border#313338
- editorWhitespace.foreground#313338
- editorWidget.background#0A0B10
- focusBorder#685EF6
- gitDecoration.addedResourceForeground#389469
- gitDecoration.conflictingResourceForeground#EE9A00
- gitDecoration.deletedResourceForeground#D02E1E
- gitDecoration.ignoredResourceForeground#EDEEF535
- gitDecoration.modifiedResourceForeground#8B8DFF
- gitDecoration.renamedResourceForeground#8B8DFF
- gitDecoration.stageDeletedResourceForeground#D02E1E
- gitDecoration.stageModifiedResourceForeground#EE9A00
- gitDecoration.submoduleResourceForeground#8B8DFF
- gitDecoration.untrackedResourceForeground#389469
- inlineChat.background#14161B
- inlineChat.border#313338
- inlineChat.foreground#FAF9F6
- inlineChatInput.background#14161B
- inlineChatInput.border#313338
- input.background#14161B
- input.border#0A0B10
- input.foreground#FAF9F6
- input.placeholderForeground#EDEEF550
- inputOption.activeBorder#8B8DFF
- inputValidation.errorBackground#D02E1E
- inputValidation.errorBorder#8B8DFF
- inputValidation.infoBackground#8B8DFF
- inputValidation.infoBorder#8B8DFF
- inputValidation.warningBackground#EE9A00
- inputValidation.warningBorder#8B8DFF
- list.activeSelectionBackground#14161B
- list.activeSelectionForeground#FAF9F6
- list.dropBackground#31333840
- list.errorForeground#D02E1E
- list.highlightForeground#FAF9F6
- list.hoverBackground#14161B
- list.inactiveSelectionBackground#0A0B10
- list.warningForeground#EE9A00
- menu.background#0A0B10
- menu.foreground#FAF9F6
- minimap.selectionHighlight#FAF9F620
- notebook.cellBorderColor#313338
- notebook.cellEditorBackground#14161B
- notebook.cellHoverBackground#14161B
- notebook.cellInsertionIndicator#685EF6
- notebook.cellStatusBarItemHoverBackground#14161B
- notebook.cellToolbarSeparator#313338
- notebook.focusedCellBackground#313338
- notebook.focusedCellBorder#0A0B10
- notebook.focusedEditorBorder#FAF9F6
- notebook.inactiveFocusedCellBorder#313338
- notebook.outputContainerBackgroundColor#0A0B10
- notebook.outputContainerBorderColor#313338
- notebook.selectedCellBackground#14161B
- notebook.selectedCellBorder#8B8DFF
- notificationCenter.border#313338
- notificationCenterHeader.background#14161B
- notificationCenterHeader.foreground#FAF9F6
- notifications.background#14161B
- notifications.border#313338
- notifications.foreground#FAF9F6
- notificationsErrorIcon.foreground#D02E1E
- notificationsInfoIcon.foreground#8B8DFF
- notificationsWarningIcon.foreground#EE9A00
- notificationToast.border#313338
- panel.background#0A0B10
- panel.border#685EF6
- panelTitle.activeBorder#685EF6
- panelTitle.activeForeground#FAF9F6
- panelTitle.inactiveForeground#616369
- peekView.border#313338
- peekViewEditor.background#313338
- peekViewEditor.matchHighlightBackground#EDEEF550
- peekViewResult.background#0A0B10
- peekViewResult.matchHighlightBackground#EDEEF550
- peekViewResult.selectionBackground#14161B
- peekViewTitle.background#0A0B10
- pickerGroup.foreground#616369
- quickInput.background#14161B
- quickInput.foreground#FAF9F6
- quickInputList.focusBackground#0A0B10
- selection.background#FAF9F620
- settings.focusedRowBackground#14161B
- sideBar.background#0A0B10
- sideBar.foreground#FAF9F690
- sideBarSectionHeader.background#0A0B10
- sideBarSectionHeader.border#0A0B10
- sideBarSectionHeader.foreground#FAF9F6
- sideBarTitle.foreground#FAF9F6
- statusBar.background#0A0B10
- statusBar.border#0A0B10
- statusBar.foreground#FAF9F6
- statusBar.noFolderBackground#0A0B10
- statusBarItem.errorBackground#D02E1E
- statusBarItem.errorForeground#FAF9F6
- statusBarItem.prominentBackground#685EF6
- statusBarItem.prominentForeground#FAF9F6
- statusBarItem.prominentHoverBackground#685ef6d5
- statusBarItem.remoteBackground#0A0B10
- statusBarItem.remoteForeground#FAF9F6
- statusBarItem.warningBackground#EE9A00
- statusBarItem.warningForeground#FAF9F6
- tab.activeBorder#685EF6
- tab.activeForeground#FAF9F6
- tab.border#0A0B10
- tab.inactiveBackground#0A0B10
- tab.inactiveForeground#8B8DFF
- tab.lastPinnedBorder#8B8DFF
- terminal.ansiBlack#000000
- terminal.ansiBlue#0000ff
- terminal.ansiBrightBlack#fff
- terminal.ansiBrightBlue#add8e6
- terminal.ansiBrightCyan#e0ffff
- terminal.ansiBrightGreen#90ee90
- terminal.ansiBrightMagenta#ff77ff
- terminal.ansiBrightRed#ff6347
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffffe0
- terminal.ansiCyan#00ffff
- terminal.ansiGreen#008000
- terminal.ansiMagenta#ff00ff
- terminal.ansiRed#ff0000
- terminal.ansiWhite#c0c0c0
- terminal.ansiYellow#ffff00
- titleBar.activeBackground#0A0B10
- titleBar.activeForeground#FAF9F6
- titleBar.inactiveBackground#0A0B10
- titleBar.inactiveForeground#FAF9F6
- tree.indentGuidesStroke#8B8DFF50
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, definition.comment | #616369 | — |
| constant.character, constant.other, support.constant, variable.other.constant | #8B8DFF | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #7E5DE9 | — |
| constant.numeric | #8CB8FF | — |
| constant.numeric.line-number.find-in-files - match | #8CB8FF | — |
| meta.diff, diff.header, meta.diff.header | #FAF9F6 | — |
| keyword, storage.type, storage.modifier | #685EF6 | — |
| keyword.operator, punctuation.accessor | #8B8DFF | — |
| keyword.operator.ternary.jsx, keyword.operator.ternary.js, keyword.operator.ternary.ts, keyword.operator.ternary.tsx | #8B8DFF | — |
| markup.changed | #EE9A00 | — |
| markup.deleted | #D02E1E | — |
| markup.heading | #8CB8FF | — |
| markup.heading.setext | #8CB8FF | bold |
| markup.inline.raw | #8CB8FF | — |
| markup.inserted | #389469 | — |
| markup.list.numbered.markdown, markup.list.unnumbered.markdown | #FAF9F6 | — |
| markup.quote | #8B8DFF | — |
| markup.quote.markdown | #8B8DFF | italic |
| markup.strikethrough | — | strikethrough |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #FAF9F6 | — |
| punctuation.section, meta.brace, meta.bracket | #616369 | — |
| meta.brace.round.jsx, meta.brace.square.jsx, meta.brace.round.js, meta.brace.square.js, meta.brace.round.ts, meta.brace.square.ts, meta.brace.round.tsx, meta.brace.square.tsx | #616369 | — |
| variable.parameter, meta.function.parameter | #FAF9F6 | — |
| punctuation.definition, punctuation.separator, punctuation.terminator | #616369 | — |
| punctuation.definition.template-expression.begin.jsx, punctuation.definition.template-expression.end.jsx, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.begin.tsx, punctuation.definition.template-expression.end.tsx | #FF5C69 | — |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx, punctuation.section.embedded.begin.ts, punctuation.section.embedded.end.ts, punctuation.section.embedded.begin.tsx, punctuation.section.embedded.end.tsx | #D02E1E | — |
| storage.type | #685ef6d5 | italic |
| string | #8B8DFF | — |
| string.other.link.description.markdown | #D02E1E | — |
| string.other.link.title.markdown | #D02E1E | — |
| variable, support.other.variable | #FAF9F6 | — |
| variable.other.property, support.type.property-name | #FAF9F6 | — |
| token.debug-token | #D02E1E | — |
| token.error-token | #D02E1E | — |
| token.info-token | #8B8DFF | — |
| token.warn-token | #EE9A00 | — |
| constant.language.boolean.true, constant.language.boolean.false | #7E5DE9 | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #8CB8FF | — |
| constant.character.escape | #8B8DFF | — |
| entity.name.filename.find-in-files | #685EF6 | — |
| entity.name.function, meta.function-call.python, new.expr.js, support.function | #FAF9F6 | — |
| entity.other.inherited-class | #8CB8FF | italic underline |
| invalid | #D02E1E | — |
| meta.structure.dictionary.json, string.quoted.double.json | #8B8DFF | — |
| support.type, support.class | #8B8DFF | italic |
| support.function | #FAF9F6 | — |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| punctuation.definition.list.begin.markdown | #685EF6 | — |
| markup.bold, markup.italic | #FAF9F6 | — |
| keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.increment, keyword.operator.decrement | #8B8DFF | — |
| punctuation.definition.binding-pattern.js, punctuation.definition.binding-pattern.jsx, punctuation.definition.binding-pattern.ts, punctuation.definition.binding-pattern.tsx, punctuation.definition.binding-pattern.binding-pattern.object.js, punctuation.definition.binding-pattern.binding-pattern.object.jsx, punctuation.definition.binding-pattern.binding-pattern.object.ts, punctuation.definition.binding-pattern.binding-pattern.object.tsx | #616369 | — |
| punctuation.definition.block.js, punctuation.definition.block.jsx, punctuation.definition.block.ts, punctuation.definition.block.tsx | #616369 | — |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx | #685EF6 | — |
| string.regexp | #FAF9F6 | — |
| meta.template.expression | #FAF9F6 | — |
| storage | #FAF9F6 | — |
| entity.other.attribute-name | #8CB8FF | — |
| entity.name.tag, support.class.component.jsx, support.class.component.js, support.class.component.ts, support.class.component.tsx | #FF5C69 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #685EF6 | — |
| entity.name.type, support.type, storage.type.primitive | #8B8DFF | — |
| string.other.link, url.*url*, url.*link*, url.*uri* | #685EF6 | — |