squared Theme
Publisher: squaredThemes in package: 2
VSCode color themes for squared.
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#1f6feb
- activityBar.background#161b22
- activityBar.border#363b40
- activityBar.foreground#e6edf3
- activityBar.inactiveForeground#7d8590
- activityBarBadge.background#1f6feb
- activityBarBadge.foreground#e6edf3
- badge.background#1f6feb
- badge.foreground#e6edf3
- breadcrumb.activeSelectionForeground#7d8590
- breadcrumb.focusForeground#e6edf3
- breadcrumb.foreground#7d8590
- breadcrumbPicker.background#161b22
- button.background#1f6feb
- button.foreground#e6edf3
- button.hoverBackground#085ddd
- button.secondaryBackground#2169d4a1
- button.secondaryForeground#d7dae0
- button.secondaryHoverBackground#1f6feb
- checkbox.background#161b22
- checkbox.border#2b3036
- commandCenter.activeBackground#032a46f0
- commandCenter.activeBorder#2f81f7
- commandCenter.activeForeground#e6edf3
- commandCenter.background#21262d
- commandCenter.border#444a50
- commandCenter.debuggingBackground#2f81f730
- commandCenter.foreground#e6edf3
- commandCenter.inactiveBorder#7d8590aa
- commandCenter.inactiveForeground#7d8590
- debugToolBar.background#161b22
- debugToolBar.border#2b3036
- descriptionForeground#7d8590
- diffEditor.insertedLineBackground#3fb95033
- diffEditor.insertedTextBackground#2ea04355
- dropdown.background#161b22
- dropdown.border#2b3036
- dropdown.foreground#e6edf3
- dropdown.listBackground#161b22
- editor.background#161b22
- editor.findMatchHighlightBackground#3fb95040
- editor.focusedStackFrameHighlightBackground#2ea04366
- editor.foldBackground#6e76812a
- editor.foreground#d8d8d8
- editor.lineHighlightBackground#00809b40
- editor.linkedEditingBackground#2f81f712
- editor.selectionBackground#2ea04350
- editor.selectionHighlightBackground#032a4640
- editor.stackFrameHighlightBackground#bb800966
- editor.wordHighlightBackground#3fb95040
- editor.wordHighlightBorder#2ea04366
- editor.wordHighlightStrongBackground#6a6a9680
- editor.wordHighlightStrongBorder#6e768199
- editorBracketHighlight.unexpectedBracket.foreground#7d8590
- editorBracketMatch.background#3fb95040
- editorBracketMatch.border#3fb95099
- editorCursor.foreground#2f81f7
- editorError.foreground#704040
- editorGroup.border#363b40
- editorGroup.dropBackground#41433980
- editorGroupHeader.tabsBackground#0c0b18
- editorGroupHeader.tabsBorder#363b40
- editorGutter.addedBackground#2ea04366
- editorGutter.deletedBackground#f8514966
- editorGutter.modifiedBackground#bb800966
- editorHoverWidget.background#0c0f13
- editorHoverWidget.border#2f81f7a0
- editorHoverWidget.foreground#d7dae0
- editorIndentGuide.activeBackground1#e6edf33d
- editorIndentGuide.background1#e6edf31f
- editorInfo.foreground#707040
- editorInlayHint.background#8b949e33
- editorInlayHint.foreground#7d8590
- editorInlayHint.typeBackground#8b949e33
- editorInlayHint.typeForeground#7d8590
- editorLineNumber.activeForeground#e6edf3
- editorLineNumber.foreground#6e7681
- editorOverviewRuler.border#181a1f
- editorRuler.foreground#484848
- editorSuggestWidget.background#181a1f
- editorSuggestWidget.border#181a1f
- editorSuggestWidget.selectedBackground#2c313a
- editorWarning.foreground#407040
- editorWhitespace.foreground#484f58
- editorWidget.background#0c0b18
- editorWidget.border#1f6feb
- editorWidget.foreground#e6edf3
- errorForeground#f85149
- focusBorder#2f81f74f
- foreground#e6edf3
- icon.foreground#e6edf3
- input.background#21262d
- input.border#21262d
- input.foreground#e6edf3
- input.placeholderForeground#6e7681
- inputOption.activeBorder#2f81f74f
- inputValidation.errorBackground#90274a
- inputValidation.errorBorder#5c1a32
- inputValidation.infoBackground#546190
- inputValidation.infoBorder#819aff
- inputValidation.warningBackground#848528
- inputValidation.warningBorder#e2e22e
- keybindingLabel.foreground#e6edf3
- list.activeSelectionBackground#032a46
- list.activeSelectionForeground#d7dae0
- list.dropBackground#2b3036
- list.focusBackground#032a46cc
- list.focusForeground#d7dae0
- list.focusOutline#2f81f7
- list.highlightForeground#2f81f7
- list.hoverBackground#032a46f0
- list.hoverForeground#d7dae0
- list.inactiveSelectionBackground#0c0b18
- list.inactiveSelectionForeground#d7dae0
- menu.background#0c0b18
- menu.border#2b3036
- menu.foreground#d7dae0
- menu.selectionBackground#032a46f0
- menu.selectionBorder#2f81f7
- menu.selectionForeground#d7dae0
- menu.separatorBackground#2b3036
- menubar.selectionBackground#161b22
- menubar.selectionBorder#2b3036
- menubar.selectionForeground#d7dae0
- minimap.selectionHighlight#878b9180
- notificationCenterHeader.background#161b22
- notificationCenterHeader.foreground#7d8590
- notifications.background#161b22
- notifications.border#2b3036
- notifications.foreground#e6edf3
- notificationsErrorIcon.foreground#f85149
- notificationsInfoIcon.foreground#2f81f7
- notificationsWarningIcon.foreground#d29922
- panel.background#161b22
- panel.border#363b40
- panelInput.border#2b3036
- panelTitle.activeBorder#1f6feb
- panelTitle.activeForeground#e6edf3
- panelTitle.inactiveForeground#7d8590
- peekView.border#2b3036
- peekViewEditor.background#6e76812a
- peekViewEditor.matchHighlightBackground#bb800966
- peekViewResult.background#0c0b18
- peekViewResult.matchHighlightBackground#bb800966
- peekViewResult.selectionBackground#032a46f0
- peekViewTitle.background#0c0b18
- pickerGroup.border#2b3036
- pickerGroup.foreground#e6edf3
- ports.iconRunningProcessForeground#ccccc7
- progressBar.background#1f6feb
- quickInput.background#161b22
- quickInput.foreground#e6edf3
- quickInputList.focusBackground#6e76812a
- quickInputList.focusForeground#e6edf3
- scrollbar.background#2b303644
- scrollbar.shadow#484f5833
- scrollbarSlider.activeBackground#8b949e47
- scrollbarSlider.background#8b949e33
- scrollbarSlider.hoverBackground#8b949e3d
- selection.background#75715e
- settings.focusedRowBackground#4143395a
- settings.headerForeground#e6edf3
- settings.modifiedItemIndicator#bb800966
- sideBar.background#0c0b18
- sideBar.border#363b40
- sideBar.foreground#e6edf3
- sideBarSectionHeader.background#161b22
- sideBarSectionHeader.border#2b3036
- sideBarSectionHeader.foreground#e6edf3
- sideBarTitle.foreground#e6edf3
- statusBar.background#0c0b18
- statusBar.border#363b40
- statusBar.debuggingBackground#0061a3
- statusBar.debuggingBorder#2b3036
- statusBar.debuggingForeground#e6edf3
- statusBar.focusBorder#1f6feb80
- statusBar.foreground#e6edf3
- statusBar.noFolderBackground#0c0b18
- statusBarItem.activeBackground#1f6feb
- statusBarItem.focusBorder#1f6feb
- statusBarItem.hoverBackground#6e768166
- statusBarItem.hoverForeground#e6edf3
- statusBarItem.prominentBackground#6e76812a
- statusBarItem.prominentForeground#e6edf3
- statusBarItem.prominentHoverBackground#032a46f0
- statusBarItem.prominentHoverForeground#e6edf3
- statusBarItem.remoteBackground#007acc
- statusBarItem.remoteForeground#e6edf3
- tab.activeBackground#161b22
- tab.activeBorder#161b22
- tab.activeBorderTop#1f6feb
- tab.activeForeground#e6edf3
- tab.border#363b40
- tab.hoverBackground#202020
- tab.hoverBorder#6e7681
- tab.hoverForeground#e6edf3
- tab.inactiveBackground#161b22
- tab.inactiveForeground#7d8590
- tab.lastPinnedBorder#414339
- tab.unfocusedActiveBorder#0c0b18
- tab.unfocusedActiveBorderTop#2b3036
- tab.unfocusedHoverBackground#6e76812a
- terminal.ansiBlack#0c0b18
- terminal.ansiBlue#2472c8
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#3b8eea
- terminal.ansiBrightCyan#29b8db
- terminal.ansiBrightGreen#23d18b
- terminal.ansiBrightMagenta#d670d6
- terminal.ansiBrightRed#f14c4c
- terminal.ansiBrightWhite#0a0303
- terminal.ansiBrightYellow#f5f543
- terminal.ansiCyan#11a8cd
- terminal.ansiGreen#0dbc79
- terminal.ansiMagenta#bc3fbc
- terminal.ansiRed#cd3131
- terminal.ansiWhite#e5e5e5
- terminal.ansiYellow#e5e510
- terminal.background#161b22
- terminal.border#2b3036
- terminal.foreground#e6edf3
- textBlockQuote.background#161b22
- textBlockQuote.border#2b3036
- textCodeBlock.background#6e768166
- textLink.activeForeground#2f81f7
- textLink.foreground#2f81f7
- textPreformat.foreground#7d8590
- textSeparator.foreground#21262d
- titleBar.activeBackground#0c0b18
- titleBar.activeForeground#e6edf3
- titleBar.border#0c0b18
- titleBar.inactiveBackground#0c0b18
- titleBar.inactiveForeground#e6edf3
- toolbar.activeBackground#2169d4a1
- tree.indentGuidesStroke#21262d
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #88846F | — |
| string, storage.identifier, entity.name.module | #E6DB74 | — |
| keyword, storage, storage.type.class, variable.language.arguments, entity.name.tag, keyword.control.directive.include, punctuation.definition.function.return-type | #F92672 | — |
| variable, variable.other, variable.other.readwrite, variable.other.object, variable.other.property, variable.other.enummember, variable.other.object.access, string.other.link.description, support.variable, storage.type.annotation, punctuation.accessor, punctuation.separator.dot-access, punctuation.definition.annotation-arguments.begin, punctuation.definition.annotation-arguments.end, keyword.operator.bitwise.shift, keyword.operator.type.annotation, keyword.operator.spread, keyword.operator.rest, entity.name.namespace, entity.name.type.module, entity.name.type.namespace, entity.name.function.preprocessor | #D8D8D8 | — |
| variable.language, variable.language.super, keyword.other.package, keyword.other.namespace, keyword.other.class, keyword.control.directive.conditional, constant.other.color, constant.character.escape, support.type, storage.type.type, storage.type.interface, storage.type.property, storage.type.enum, storage.type.namespace, storage.type.function, support.constant, support.other.variable, entity.name.tag.class, entity.name.tag.id, string.other.link.title, punctuation.section.angle-brackets | #77C8E4 | — |
| support.function, support.type.exception, keyword.other.typedef, keyword.operator.cast, keyword.control.require, entity.name.type.module, entity.name.type.enum, entity.name.type.interface, entity.name.type.class, entity.name.type.alias, entity.name.function, entity.name.function.invocation, entity.other.inherited-class, entity.other.attribute-name, punctuation.separator.pointer-access | #91D921 | — |
| support.class, support.class.builtin, keyword.control.directive, constant.numeric.preprocessor, entity.name.class, entity.name.type, entity.name.type.namespace.declaration, entity.name.scope-resolution, entity.name.variable.parameter, entity.name.function.decorator | #56BF4B | — |
| constant.language, constant.numeric, keyword.other.unit, keyword.control.as, keyword.operator.expression.is, keyword.operator.expression.delete, keyword.operator.expression.void, storage.modifier.async, punctuation.definition.template-expression, punctuation.section.embedded | #CB95FD | — |
| variable.parameter, variable.language.this, entity.name.section | #FDA129 | — |
| variable.parameter, variable.language.this, variable.other.object.access, keyword.other.package, keyword.other.namespace, keyword.other.class, keyword.other.typedef, keyword.operator.expression.void, keyword.control.directive.define, keyword.control.directive.undef, constant.numeric.preprocessor, storage.type.namespace, storage.modifier.async, storage.type.function, entity.name.namespace, entity.name.function.invocation, entity.other.inherited-class, markup.italic, markup.quote | — | italic |
| entity.name.section, entity.name.function.preprocessor, markup.bold, markup.heading | — | bold |
| keyword.control.directive.include | — | |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #ACA99E | — |
| variable.parameter.url.css | #E6DB74 | — |
| entity.name.tag.css, entity.name.tag.wildcard.css, entity.other.attribute-name.class.css, meta.attribute-selector.css, support.function.url.css, support.function.misc.css | #91D921 | — |
| entity.other.attribute-name.id.css | #FDA129 | — |
| punctuation.definition.keyword.css, keyword.control.at-rule.import.css | #F92672 | — |
| support.type.property-name.css, entity.other.attribute-name.css, keyword.operator.combinator.css, punctuation.terminator.rule.css, punctuation.definition.entity.css | #D8D8D8 | — |
| entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, punctuation.section.function.css | #56BF4B | — |
| support.constant.property-value.css | #77C8E4 | — |
| keyword.other.important.css | #91D921 | — |
| constant.language.import-export-all.js, constant.language.import-export-all.ts | #D8D8D8 | — |
| storage.type.js, storage.type.ts | #77C8E4 | — |
| constant.other.character-class.regexp | #CB95FD | — |
| punctuation.definition.group.regexp, punctuation.definition.group.capture.regexp, punctuation.definition.group.assertion.regexp, keyword.other.back-reference.regexp, keyword.operator.or.regexp | #FDA129 | — |
| keyword.control.anchor.regexp, keyword.operator.negation.regexp, keyword.operator.quantifier.regexp | #F92672 | — |
| constant.other.character-class.range.regexp, constant.other.character-class.set.regexp | #D8D8D8 | — |
| punctuation.definition.character-class.regexp | #91D921 | — |
| support.type.property-name.json | #77C8E4 | — |
| punctuation.definition.string.begin.json, punctuation.definition.string.end.json | #E6DB7499 | — |
| punctuation.separator.dictionary.pair.json, punctuation.separator.dictionary.key-value.json, punctuation.separator.array.json | #8E8B7C | — |
| punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #77C8E499 | — |
| storage.modifier.import.java, storage.modifier.import.kotlin, variable.language.wildcard.java, variable.language.wildcard.kotlin, storage.modifier.package.java, storage.modifier.package.kotlin | #D8D8D8 | — |
| variable.language.java, variable.language.kotlin, keyword.operator.arithmetic.java, keyword.operator.arithmetic.kotlin | #F92672 | — |
| storage.type.java, storage.type.primitive.java, storage.type.generic.java, support.class.kotlin, keyword.other.kotlin | #77C8E4 | — |
| support.class.ruby | #56BF4B | — |
| entity.name.type.module.ruby, variable.other.constant.ruby | #91D921 | — |
| variable.other.readwrite.global.ruby | #77C8E4 | — |
| keyword.other.special-method.ruby | #F92672 | — |
| variable.language.self.ruby, variable.other.block.ruby, punctuation.definition.variable.ruby | #FDA129 | — |
| constant.other.symbol.ruby | #CB95FD | — |
| string.quoted.docstring.multi.python, string.quoted.docstring.single.python | #88846F | — |
| keyword.codetag.notation.python, variable.language.special.self.python | #FDA129 | — |
| support.function.library.lua | #77C8E4 | — |
| variable.language.self.lua | #FDA129 | — |
| variable.parameter.preprocessor.c, meta.qualified_type.cpp, entity.name.function.member.cpp, entity.name.operator.cpp, entity.name.scope-resolution.operator.cpp, storage.modifier.pointer.cpp, storage.modifier.reference.cpp, storage.modifier.specifier.parameter.cpp, variable.language.llvm | #D8D8D8 | — |
| keyword.instruction.llvm | #91D921 | — |
| entity.name.type.c, entity.name.type.struct.c, storage.type.built-in.c, storage.type.built-in.primitive.c, punctuation.definition.begin.bracket.c, punctuation.definition.end.bracket.c, entity.name.type.cpp, entity.name.type.struct.cpp, entity.name.type.template.cpp, storage.type.built-in.cpp, storage.type.built-in.primitive.cpp, storage.type.template.cpp, keyword.control.directive.elif, keyword.control.directive.else, keyword.control.directive.endif, keyword.other.using.directive.cpp, punctuation.definition.begin.bracket.cpp, punctuation.definition.end.bracket.cpp, storage.type.language.llvm | #77C8E4 | — |
| support.class.c, support.class.cpp, punctuation.section.arguments.begin.bracket.round.c, punctuation.section.arguments.end.bracket.round.c, punctuation.section.arguments.begin.bracket.round.cpp, punctuation.section.arguments.end.bracket.round.cpp | #56BF4B | — |
| markup.deleted | #F92672 | — |
| markup.inserted | #91D921 | — |
| markup.list, markup.changed, markup.underline.link, markup.underline.link.image, variable.parameter.misc.css | #E6DB74 | — |
| markup.quote | #CB95FD | — |
| markup.bold, markup.inline.raw | #DDAB31 | — |
| markup.italic | #FDA129 | — |
| markup.heading | #FDA129AA | — |
| markup.list.unnumbered, markup.list.numbered, meta.embedded, meta.template.expression | #D8D8D8 | — |
| meta.diff, meta.diff.header | #75715E | — |
| token.info-token | #77C8E4 | — |
| token.warn-token | #DDAB31 | — |
| token.error-token | #F92672 | — |
| token.debug-token | #CB95FD | — |
| punctuation.definition.variable.shell | #CB95FD | — |
| keyword.operator.logical.shell, punctuation.definition.logical-expression.shell | #77C8E4 | — |
| keyword.operator.redirect.shell, keyword.operator.pipe.shell | #D8D8D8 | — |
| variable.other.normal.shell, keyword.operator.expansion.shell, punctuation.section.array.shell | #FDA129 | — |
| string.quoted.double.shell | #FDA129D0 | — |
| punctuation.definition.variable.powershell | #F92672 | — |
| variable.other.member.powershell | #91D921 | — |
| support.variable.automatic.powershell | #77C8E4 | — |
| storage.modifier.extends.java, keyword.other.important.css, keyword.other.kotlin, keyword.other.using.directive.cpp, entity.name.operator.cpp, entity.name.scope-resolution.operator.cpp, keyword.control.def.ruby, variable.language.self.ruby, variable.language.special.self.python, variable.language.self.lua, string.quoted.other.multiline.lua | — | italic |
| support.function.lua, punctuation.definition.group.regexp, punctuation.definition.group.shell, storage.modifier.pointer.cpp, storage.modifier.reference.cpp, storage.type.language.llvm | — | bold |
| storage.modifier.specifier.parameter.cpp, keyword.control.flow.js, keyword.control.flow.ts, keyword.control.default.js, keyword.control.default.ts, keyword.control.pseudo-method.ruby | — | underline |
| variable.parameter.url.css, variable.parameter.misc.css, storage.type.generic.java, variable.parameter.c, variable.parameter.preprocessor.c, variable.parameter.cpp, variable.parameter.preprocessor.cpp | — |