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#FFFFFF
- activityBar.foreground#1A1A1A
- activityBarBadge.background#685EF6
- button.background#685EF6
- button.foreground#FFFFFF
- button.hoverBackground#685ef6d5
- chat.checkpointSeparator#E0E0E0
- chat.requestBubbleBackground#E0E0E050
- chat.requestBubbleHoverBackground#E0E0E080
- chat.slashCommandBackground#F5F5F5
- chat.slashCommandForeground#1A1A1A
- debugToolBar.background#FFFFFF
- diffEditor.insertedTextBackground#2D7A5450
- diffEditor.removedTextBackground#D02E1E50
- dropdown.background#FFFFFF
- dropdown.listBackground#FFFFFF
- editor.background#FFFFFF
- editor.foreground#1A1A1A
- editor.lineHighlightBackground#F5F5F5
- editor.selectionBackground#8B8DFF30
- editor.selectionHighlightBackground#685EF630
- editorCursor.foreground#1A1A1A
- editorGroup.border#FFFFFF
- editorGroup.dropBackground#E0E0E040
- editorGroupHeader.tabsBackground#FFFFFF
- editorHoverWidget.background#F5F5F5
- editorHoverWidget.border#E0E0E0
- editorIndentGuide.activeBackground1#685EF6
- editorIndentGuide.background1#E0E0E0
- editorLineNumber.activeForeground#685EF6
- editorLineNumber.foreground#E0E0E0
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#E0E0E0
- editorWhitespace.foreground#E0E0E0
- editorWidget.background#FFFFFF
- focusBorder#685EF6
- gitDecoration.addedResourceForeground#2D7A54
- gitDecoration.conflictingResourceForeground#E68A00
- gitDecoration.deletedResourceForeground#D02E1E
- gitDecoration.ignoredResourceForeground#6B6B6B35
- gitDecoration.modifiedResourceForeground#5B7FFF
- gitDecoration.renamedResourceForeground#5B7FFF
- gitDecoration.stageDeletedResourceForeground#D02E1E
- gitDecoration.stageModifiedResourceForeground#E68A00
- gitDecoration.submoduleResourceForeground#8B8DFF
- gitDecoration.untrackedResourceForeground#2D7A54
- inlineChat.background#F5F5F5
- inlineChat.border#E0E0E0
- inlineChat.foreground#1A1A1A
- inlineChatInput.background#F5F5F5
- inlineChatInput.border#E0E0E0
- input.background#F5F5F5
- input.border#FFFFFF
- input.foreground#1A1A1A
- input.placeholderForeground#6B6B6B50
- inputOption.activeBorder#8B8DFF
- inputValidation.errorBackground#D02E1E
- inputValidation.errorBorder#8B8DFF
- inputValidation.infoBackground#5B7FFF
- inputValidation.infoBorder#8B8DFF
- inputValidation.warningBackground#E68A00
- inputValidation.warningBorder#8B8DFF
- list.activeSelectionBackground#F5F5F5
- list.activeSelectionForeground#1A1A1A
- list.dropBackground#E0E0E040
- list.errorForeground#D02E1E
- list.highlightForeground#1A1A1A
- list.hoverBackground#F5F5F5
- list.inactiveSelectionBackground#FFFFFF
- list.warningForeground#E68A00
- menu.background#FFFFFF
- menu.foreground#1A1A1A
- minimap.selectionHighlight#1A1A1A20
- notebook.cellBorderColor#E0E0E0
- notebook.cellEditorBackground#F5F5F5
- notebook.cellHoverBackground#F5F5F5
- notebook.cellInsertionIndicator#685EF6
- notebook.cellStatusBarItemHoverBackground#F5F5F5
- notebook.cellToolbarSeparator#E0E0E0
- notebook.focusedCellBackground#E0E0E0
- notebook.focusedCellBorder#FFFFFF
- notebook.focusedEditorBorder#1A1A1A
- notebook.inactiveFocusedCellBorder#E0E0E0
- notebook.outputContainerBackgroundColor#FFFFFF
- notebook.outputContainerBorderColor#E0E0E0
- notebook.selectedCellBackground#F5F5F5
- notebook.selectedCellBorder#8B8DFF
- notificationCenter.border#E0E0E0
- notificationCenterHeader.background#F5F5F5
- notificationCenterHeader.foreground#1A1A1A
- notifications.background#F5F5F5
- notifications.border#E0E0E0
- notifications.foreground#1A1A1A
- notificationsErrorIcon.foreground#D02E1E
- notificationsInfoIcon.foreground#5B7FFF
- notificationsWarningIcon.foreground#E68A00
- notificationToast.border#E0E0E0
- panel.background#FFFFFF
- panel.border#685EF6
- panelTitle.activeBorder#685EF6
- panelTitle.activeForeground#1A1A1A
- panelTitle.inactiveForeground#9E9E9E
- peekView.border#E0E0E0
- peekViewEditor.background#E0E0E0
- peekViewEditor.matchHighlightBackground#6B6B6B50
- peekViewResult.background#FFFFFF
- peekViewResult.matchHighlightBackground#6B6B6B50
- peekViewResult.selectionBackground#F5F5F5
- peekViewTitle.background#FFFFFF
- pickerGroup.foreground#9E9E9E
- quickInput.background#F5F5F5
- quickInput.foreground#1A1A1A
- quickInputList.focusBackground#FFFFFF
- selection.background#1A1A1A20
- settings.focusedRowBackground#F5F5F5
- sideBar.background#FFFFFF
- sideBar.foreground#1A1A1A90
- sideBarSectionHeader.background#FFFFFF
- sideBarSectionHeader.border#FFFFFF
- sideBarSectionHeader.foreground#1A1A1A
- sideBarTitle.foreground#1A1A1A
- statusBar.background#FFFFFF
- statusBar.border#FFFFFF
- statusBar.foreground#1A1A1A
- statusBar.noFolderBackground#FFFFFF
- statusBarItem.errorBackground#D02E1E
- statusBarItem.errorForeground#1A1A1A
- statusBarItem.prominentBackground#685EF6
- statusBarItem.prominentForeground#1A1A1A
- statusBarItem.prominentHoverBackground#685ef6d5
- statusBarItem.remoteBackground#FFFFFF
- statusBarItem.remoteForeground#1A1A1A
- statusBarItem.warningBackground#E68A00
- statusBarItem.warningForeground#1A1A1A
- tab.activeBorder#685EF6
- tab.activeForeground#1A1A1A
- tab.border#FFFFFF
- tab.inactiveBackground#FFFFFF
- 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#FFFFFF
- titleBar.activeForeground#1A1A1A
- titleBar.inactiveBackground#FFFFFF
- titleBar.inactiveForeground#1A1A1A
- tree.indentGuidesStroke#8B8DFF50
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, definition.comment | #9E9E9E | — |
| constant.character, constant.other, support.constant, variable.other.constant | #6B5FD9 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #7E5DE9 | — |
| constant.numeric | #5B8FCC | — |
| constant.numeric.line-number.find-in-files - match | #5B8FCC | — |
| meta.diff, diff.header, meta.diff.header | #1A1A1A | — |
| keyword, storage.type, storage.modifier | #685EF6 | — |
| keyword.operator, punctuation.accessor | #685EF6 | — |
| keyword.operator.ternary.jsx, keyword.operator.ternary.js, keyword.operator.ternary.ts, keyword.operator.ternary.tsx | #685EF6 | — |
| markup.changed | #E68A00 | — |
| markup.deleted | #D02E1E | — |
| markup.heading | #5B8FCC | — |
| markup.heading.setext | #5B8FCC | bold |
| markup.inline.raw | #5B8FCC | — |
| markup.inserted | #2D7A54 | — |
| markup.list.numbered.markdown, markup.list.unnumbered.markdown | #1A1A1A | — |
| markup.quote | #6B5FD9 | — |
| markup.quote.markdown | #6B5FD9 | italic |
| markup.strikethrough | — | strikethrough |
| markup.underline.link.markdown, markup.underline.link.image.markdown | #1A1A1A | — |
| punctuation.section, meta.brace, meta.bracket | #9E9E9E | — |
| 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 | #9E9E9E | — |
| variable.parameter, meta.function.parameter | #1A1A1A | — |
| punctuation.definition, punctuation.separator, punctuation.terminator | #9E9E9E | — |
| 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 | #D93651 | — |
| 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 | #6B5FD9 | — |
| string.other.link.description.markdown | #D02E1E | — |
| string.other.link.title.markdown | #D02E1E | — |
| variable, support.other.variable | #1A1A1A | — |
| variable.other.property, support.type.property-name | #1A1A1A | — |
| token.debug-token | #D02E1E | — |
| token.error-token | #D02E1E | — |
| token.info-token | #5B7FFF | — |
| token.warn-token | #E68A00 | — |
| constant.language.boolean.true, constant.language.boolean.false | #7E5DE9 | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #5B8FCC | — |
| constant.character.escape | #6B5FD9 | — |
| entity.name.filename.find-in-files | #685EF6 | — |
| entity.name.function, meta.function-call.python, new.expr.js, support.function | #1A1A1A | — |
| entity.other.inherited-class | #5B8FCC | italic underline |
| invalid | #D02E1E | — |
| meta.structure.dictionary.json, string.quoted.double.json | #6B5FD9 | — |
| support.type, support.class | #6B5FD9 | italic |
| support.function | #1A1A1A | — |
| markup.bold.markdown | — | bold |
| markup.italic.markdown | — | italic |
| punctuation.definition.list.begin.markdown | #685EF6 | — |
| markup.bold, markup.italic | #1A1A1A | — |
| keyword.operator.arithmetic, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.increment, keyword.operator.decrement | #685EF6 | — |
| 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 | #9E9E9E | — |
| punctuation.definition.block.js, punctuation.definition.block.jsx, punctuation.definition.block.ts, punctuation.definition.block.tsx | #9E9E9E | — |
| punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js, punctuation.section.embedded.begin.jsx, punctuation.section.embedded.end.jsx | #685EF6 | — |
| string.regexp | #1A1A1A | — |
| meta.template.expression | #1A1A1A | — |
| storage | #1A1A1A | — |
| entity.other.attribute-name | #5B8FCC | — |
| entity.name.tag, support.class.component.jsx, support.class.component.js, support.class.component.ts, support.class.component.tsx | #D93651 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #685EF6 | — |
| entity.name.type, support.type, storage.type.primitive | #6B5FD9 | — |
| string.other.link, url.*url*, url.*link*, url.*uri* | #685EF6 | — |