Equinox Theme
Publisher: xAlvzxThemes in package: 2
A balanced light and dark theme 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.
- actionBar.toggledBackground#b6bbc8
- activityBar.background#cccccc
- activityBar.foreground#333333
- activityBarBadge.background#1f2937
- activityBarBadge.foreground#f9fafb
- badge.background#1f2937
- breadcrumbPicker.background#e6e6e6
- button.background#3a3e45
- button.secondaryBackground#d1d5db
- button.secondaryForeground#333333
- checkbox.border#3a3e45
- debugToolBar.background#e6e6e6
- descriptionForeground#111111
- diffEditor.insertedTextBackground#12873d22
- dropdown.background#e6e6e6
- dropdown.border#d1d5db
- dropdown.listBackground#e6e6e6
- editor.background#d9d9d9
- editor.findMatchBackground#fbbf2444
- editor.findMatchBorder#1f293744
- editor.findMatchHighlightBackground#1f293722
- editor.foreground#333333
- editor.lineHighlightBackground#1f293722
- editor.selectionBackground#0080ff35
- editor.selectionHighlightBackground#fef3c744
- editor.selectionHighlightBorder#d1d5db
- editor.wordHighlightBackground#dbeafe33
- editor.wordHighlightBorder#717c8e
- editor.wordHighlightStrongBackground#33333333
- editor.wordHighlightStrongBorder#717c8e
- editorBracketHighlight.foreground1#a17312
- editorBracketHighlight.foreground2#6316e9
- editorBracketHighlight.foreground3#0f6b75
- editorBracketMatch.background#b6bbc8
- editorBracketMatch.border#d1d5db
- editorCursor.background#333333
- editorCursor.foreground#1f2937
- editorError.foreground#dc2626
- editorGroup.background#f9fafb
- editorGroup.border#b6bbc8
- editorGroup.emptyBackground#e6e6e6
- editorGroupHeader.tabsBackground#cccccc
- editorGutter.addedBackground#12873d
- editorGutter.deletedBackground#c52020
- editorGutter.modifiedBackground#a17312
- editorHoverWidget.background#e6e6e6
- editorHoverWidget.border#d1d5db
- editorHoverWidget.highlightForeground#2c70ba
- editorIndentGuide.activeBackground1#717c8e
- editorIndentGuide.background1#b6bbc8
- editorInlayHint.background#d9d9d9
- editorInlayHint.foreground#3a3e45
- editorLineNumber.activeForeground#333333
- editorLineNumber.foreground#717c8e
- editorLink.activeForeground#2c70ba
- editorMarkerNavigation.background#e6e6e6
- editorOverviewRuler.addedBackground#12873d
- editorOverviewRuler.border#b6bbc8
- editorOverviewRuler.deletedBackground#dc2626
- editorOverviewRuler.modifiedBackground#a17312
- editorRuler.foreground#33333333
- editorSuggestWidget.background#e6e6e6
- editorSuggestWidget.border#d1d5db
- editorSuggestWidget.selectedBackground#b6bbc8
- editorWarning.foreground#cc6600
- editorWhitespace.foreground#1f29371d
- editorWidget.background#e6e6e6
- focusBorder#2c70ba
- gitDecoration.addedResourceForeground#12873d
- gitDecoration.conflictingResourceForeground#e25050
- gitDecoration.deletedResourceForeground#e25050
- gitDecoration.ignoredResourceForeground#717c8e
- gitDecoration.modifiedResourceForeground#808000
- gitDecoration.stageDeletedResourceForeground#e25050
- gitDecoration.stageModifiedResourceForeground#4fa3f7
- gitDecoration.submoduleResourceForeground#808080
- gitDecoration.untrackedResourceForeground#12873d
- input.background#e6e6e6
- input.foreground#333333
- list.activeSelectionBackground#b6bbc8
- list.activeSelectionForeground#1f2937
- list.focusBackground#dbeafe
- list.focusForeground#1f2937
- list.highlightForeground#1f2937
- list.hoverBackground#1f293722
- list.hoverForeground#333333
- list.inactiveSelectionBackground#1f293722
- list.inactiveSelectionForeground#1f2937
- list.warningForeground#cc6600
- listFilterWidget.background#e6e6e6
- menu.foreground#333333
- menu.separatorBackground#b6bbc8
- menubar.selectionBackground#b6bbc8
- menubar.selectionForeground#1f2937
- minimapGutter.addedBackground#12873d
- minimapGutter.deletedBackground#dc2626
- minimapGutter.modifiedBackground#a17312
- multiDiffEditor.headerBackground#e6e6e6
- notificationLink.foreground#2c70ba
- notifications.foreground#3a3e45
- panel.background#cccccc
- panel.border#b6bbc8
- panelInput.border#d1d5db
- panelSection.dropBackground#b6bbc8a8
- panelSectionHeader.background#e6e6e6
- panelTitle.activeBorder#1f2937
- panelTitle.activeForeground#1f2937
- panelTitle.inactiveForeground#3a3e45
- peekViewEditor.background#f9fafb
- peekViewEditor.matchHighlightBackground#dbeafe
- peekViewResult.background#e6e6e6
- progressBar.background#2c70ba
- scrollbar.shadow#b6bbc822
- scrollbarSlider.activeBackground#717c8e80
- scrollbarSlider.background#bdbdbb80
- scrollbarSlider.hoverBackground#717c8e80
- settings.focusedRowBackground#d9d9d9
- settings.headerForeground#1f2937
- sideBar.background#cccccc
- sideBar.border#b6bbc8
- sideBar.dropBackground#b6bbc8a8
- sideBar.foreground#3a3e45
- sideBarSectionHeader.background#cccccc
- sideBarSectionHeader.foreground#333333
- sideBarTitle.foreground#333333
- statusBar.background#cccccc
- statusBar.border#b6bbc8
- statusBar.debuggingBackground#cc6600
- statusBar.debuggingBorder#ffffff00
- statusBar.debuggingForeground#1f2937
- statusBar.foreground#3a3e45
- statusBar.noFolderBackground#e6e6e6
- statusBarItem.remoteBackground#2c70ba
- statusBarItem.remoteForeground#ffffff
- statusBarItem.warningBackground#e6e6e6
- statusBarItem.warningForeground#cc6600
- tab.activeBackground#e6e6e6
- tab.activeBorder#1f2937
- tab.activeForeground#1f2937
- tab.border#b6bbc8
- tab.hoverBackground#1f293722
- tab.inactiveBackground#cccccc
- tab.unfocusedHoverBackground#e6e6e6
- terminal.ansiBlack#3a3e45
- terminal.ansiBlue#2563eb
- terminal.ansiBrightBlack#6b7280
- terminal.ansiBrightBlue#3b82f6
- terminal.ansiBrightCyan#67e8f9
- terminal.ansiBrightGreen#22c55e
- terminal.ansiBrightMagenta#d8b4fe
- terminal.ansiBrightRed#ef4444
- terminal.ansiBrightWhite#f9fafb
- terminal.ansiBrightYellow#f59e0b
- terminal.ansiCyan#0e7490
- terminal.ansiGreen#15803d
- terminal.ansiMagenta#7c3aed
- terminal.ansiRed#b91c1c
- terminal.ansiWhite#1f2937
- terminal.ansiYellow#b45309
- terminal.background#cccccc
- terminal.border#b6bbc8
- terminal.foreground#1f2937
- terminal.selectionBackground#33333330
- textBlockQuote.background#e6e6e6
- textBlockQuote.border#717c8e
- textLink.activeForeground#2c70ba
- textLink.foreground#2c70ba
- textPreformat.foreground#a17312
- titleBar.activeBackground#e6e6e6
- titleBar.activeForeground#3a3e45
- titleBar.inactiveBackground#e6e6e6
- titleBar.inactiveForeground#717c8e
- tree.indentGuidesStroke#b6bbc8
- walkThrough.embeddedEditorBackground#e6e6e6
- welcomePage.buttonHoverBackground#b6bbc8
- widget.shadow#1f293722
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded | #111111 | — |
| punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison | #dc2626 | — |
| variable.other.generic-type.haskell | #6316e9 | — |
| storage.type.haskell | #a17312 | — |
| support.variable.magic.python | #dc2626 | — |
| punctuation.separator.period.python,punctuation.separator.element.python,punctuation.parenthesis.begin.python,punctuation.parenthesis.end.python | #111111 | — |
| variable.parameter.function.language.special.self.python | #c25a0a | — |
| variable.parameter.function.language.special.cls.python | #c25a0a | — |
| storage.modifier.lifetime.rust | #111111 | — |
| support.function.std.rust | #2c70ba | — |
| entity.name.lifetime.rust | #c25a0a | — |
| variable.language.rust | #dc2626 | — |
| support.constant.edge | #6316e9 | — |
| constant.other.character-class.regexp | #dc2626 | — |
| keyword.operator.word | #6316e9 | — |
| keyword.operator.quantifier.regexp | #a17312 | — |
| variable.parameter.function | #111111 | — |
| comment markup.link | #717c8e | — |
| markup.changed.diff | #c25a0a | — |
| meta.diff.header.from-file,meta.diff.header.to-file,punctuation.definition.from-file.diff,punctuation.definition.to-file.diff | #2c70ba | — |
| markup.inserted.diff | #12873d | — |
| markup.deleted.diff | #dc2626 | — |
| meta.function.c,meta.function.cpp | #dc2626 | — |
| punctuation.section.block.begin.bracket.curly.cpp,punctuation.section.block.end.bracket.curly.cpp,punctuation.terminator.statement.c,punctuation.section.block.begin.bracket.curly.c,punctuation.section.block.end.bracket.curly.c,punctuation.section.parens.begin.bracket.round.c,punctuation.section.parens.end.bracket.round.c,punctuation.section.parameters.begin.bracket.round.c,punctuation.section.parameters.end.bracket.round.c | #111111 | — |
| punctuation.separator.key-value | #111111 | — |
| keyword.operator.expression.import | #2c70ba | — |
| support.constant.math | #c25a0a | — |
| support.constant.property.math | #a17312 | — |
| variable.other.constant | #c25a0a | — |
| storage.type.annotation.java, storage.type.object.array.java | #c25a0a | — |
| source.java | #dc2626 | — |
| punctuation.section.block.begin.java,punctuation.section.block.end.java,punctuation.definition.method-parameters.begin.java,punctuation.definition.method-parameters.end.java,meta.method.identifier.java,punctuation.section.method.begin.java,punctuation.section.method.end.java,punctuation.terminator.java,punctuation.section.class.begin.java,punctuation.section.class.end.java,punctuation.section.inner-class.begin.java,punctuation.section.inner-class.end.java,meta.method-call.java,punctuation.section.class.begin.bracket.curly.java,punctuation.section.class.end.bracket.curly.java,punctuation.section.method.begin.bracket.curly.java,punctuation.section.method.end.bracket.curly.java,punctuation.separator.period.java,punctuation.bracket.angle.java,punctuation.definition.annotation.java,meta.method.body.java | #111111 | — |
| meta.method.java | #2c70ba | — |
| storage.modifier.import.java,storage.type.java,storage.type.generic.java | #c25a0a | — |
| keyword.operator.instanceof.java | #6316e9 | — |
| meta.definition.variable.name.java | #dc2626 | — |
| keyword.operator.logical | #0f6b75 | — |
| keyword.operator.bitwise | #0f6b75 | — |
| keyword.operator.channel | #0f6b75 | — |
| support.constant.property-value.scss,support.constant.property-value.css | #a17312 | — |
| keyword.operator.css,keyword.operator.scss,keyword.operator.less | #0f6b75 | — |
| support.constant.color.w3c-standard-color-name.css,support.constant.color.w3c-standard-color-name.scss | #a17312 | — |
| punctuation.separator.list.comma.css | #111111 | — |
| support.constant.color.w3c-standard-color-name.css | #a17312 | — |
| support.type.vendored.property-name.css | #0f6b75 | — |
| support.module.node,support.type.object.module,support.module.node | #c25a0a | — |
| entity.name.type.module | #c25a0a | — |
| variable.other.readwrite,meta.object-literal.key,support.variable.property,support.variable.object.process,support.variable.object.node | #dc2626 | — |
| support.constant.json | #a17312 | — |
| keyword.operator.expression.instanceof, keyword.operator.new, keyword.operator.ternary, keyword.operator.optional, keyword.operator.expression.keyof | #6316e9 | — |
| support.type.object.console | #dc2626 | — |
| support.variable.property.process | #a17312 | — |
| entity.name.function,support.function.console | #2c70ba | — |
| keyword.operator.misc.rust | #111111 | — |
| keyword.operator.sigil.rust | #6316e9 | — |
| keyword.operator.delete | #6316e9 | — |
| support.type.object.dom | #0f6b75 | — |
| support.variable.dom,support.variable.property.dom | #dc2626 | — |
| keyword.operator.arithmetic,keyword.operator.comparison,keyword.operator.decrement,keyword.operator.increment,keyword.operator.relational | #0f6b75 | — |
| keyword.operator.assignment.c,keyword.operator.comparison.c,keyword.operator.c,keyword.operator.increment.c,keyword.operator.decrement.c,keyword.operator.bitwise.shift.c,keyword.operator.assignment.cpp,keyword.operator.comparison.cpp,keyword.operator.cpp,keyword.operator.increment.cpp,keyword.operator.decrement.cpp,keyword.operator.bitwise.shift.cpp | #6316e9 | — |
| punctuation.separator.delimiter | #111111 | — |
| punctuation.separator.c,punctuation.separator.cpp | #6316e9 | — |
| support.type.posix-reserved.c,support.type.posix-reserved.cpp | #0f6b75 | — |
| keyword.operator.sizeof.c,keyword.operator.sizeof.cpp | #6316e9 | — |
| variable.parameter.function.language.python | #a17312 | — |
| support.type.python | #0f6b75 | — |
| keyword.operator.logical.python | #6316e9 | — |
| variable.parameter.function.python | #a17312 | — |
| punctuation.definition.arguments.begin.python,punctuation.definition.arguments.end.python,punctuation.separator.arguments.python,punctuation.definition.list.begin.python,punctuation.definition.list.end.python | #111111 | — |
| meta.function-call.generic.python | #2c70ba | — |
| constant.character.format.placeholder.other.python | #a17312 | — |
| keyword.operator | #111111 | — |
| keyword.operator.assignment.compound | #6316e9 | — |
| keyword.operator.assignment.compound.js,keyword.operator.assignment.compound.ts | #0f6b75 | — |
| keyword | #6316e9 | — |
| entity.name.namespace | #c25a0a | — |
| variable | #dc2626 | — |
| variable.c | #111111 | — |
| variable.language | #c25a0a | — |
| token.variable.parameter.java | #111111 | — |
| import.storage.java | #c25a0a | — |
| token.package.keyword | #6316e9 | — |
| token.package | #111111 | — |
| entity.name.function, meta.require, support.function.any-method, variable.function | #2c70ba | — |
| entity.name.type.namespace | #c25a0a | bold |
| support.class, entity.name.type.class | #c25a0a | — |
| entity.name.class.identifier.namespace.type | #c25a0a | — |
| entity.name.class, variable.other.class.js, variable.other.class.ts | #c25a0a | — |
| variable.other.class.php | #dc2626 | — |
| entity.name.type | #c25a0a | — |
| keyword.control | #6316e9 | — |
| control.elements, keyword.operator.less | #a17312 | — |
| keyword.other.special-method | #2c70ba | — |
| storage | #6316e9 | — |
| token.storage | #6316e9 | — |
| keyword.operator.expression.delete,keyword.operator.expression.in,keyword.operator.expression.of,keyword.operator.expression.instanceof,keyword.operator.new,keyword.operator.expression.typeof,keyword.operator.expression.void | #6316e9 | — |
| token.storage.type.java | #c25a0a | — |
| support.function | #0f6b75 | — |
| support.type.property-name | #111111 | — |
| support.type.property-name.toml, support.type.property-name.table.toml, support.type.property-name.array.toml | #dc2626 | — |
| support.constant.property-value | #111111 | — |
| support.constant.font-name | #a17312 | — |
| meta.tag | #111111 | — |
| string | #12873d | — |
| constant.other.symbol | #0f6b75 | — |
| constant.numeric | #a17312 | — |
| constant | #a17312 | — |
| punctuation.definition.constant | #a17312 | — |
| entity.name.tag | #dc2626 | — |
| entity.other.attribute-name | #a17312 | — |
| entity.other.attribute-name.id | #2c70ba | — |
| entity.other.attribute-name.class.css | #a17312 | — |
| meta.selector | #6316e9 | — |
| markup.heading | #dc2626 | bold |
| markup.heading punctuation.definition.heading, entity.name.section | #2c70ba | — |
| keyword.other.unit | #dc2626 | — |
| markup.bold,todo.bold | #a17312 | bold |
| punctuation.definition.bold | #c25a0a | — |
| markup.italic, punctuation.definition.italic,todo.emphasis | #6316e9 | — |
| emphasis md | #6316e9 | — |
| entity.name.section.markdown | #dc2626 | — |
| punctuation.definition.heading.markdown | #dc2626 | — |
| punctuation.definition.list.begin.markdown | #c25a0a | — |
| markup.heading.setext | #111111 | — |
| punctuation.definition.bold.markdown | #a17312 | — |
| markup.inline.raw.markdown | #12873d | — |
| markup.inline.raw.string.markdown | #12873d | — |
| punctuation.definition.raw.markdown | #c25a0a | — |
| punctuation.definition.list.markdown | #c25a0a | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.metadata.markdown | #dc2626 | — |
| beginning.punctuation.definition.list.markdown | #dc2626 | — |
| punctuation.definition.metadata.markdown | #dc2626 | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #6316e9 | — |
| string.other.link.title.markdown,string.other.link.description.markdown | #2c70ba | — |
| string.regexp | #0f6b75 | — |
| punctuation.section.embedded, variable.interpolation | #dc2626 | — |
| punctuation.section.embedded.begin,punctuation.section.embedded.end | #6316e9 | — |
| invalid.illegal | #1f2937 | — |
| invalid.illegal.bad-ampersand.html | #111111 | — |
| invalid.illegal.unrecognized-tag.html | #dc2626 | — |
| invalid.broken | #1f2937 | — |
| invalid.deprecated | #1f2937 | — |
| invalid.deprecated.entity.other.attribute-name.html | #a17312 | — |
| invalid.unimplemented | #1f2937 | — |
| source.json meta.structure.dictionary.json > string.quoted.json | #dc2626 | — |
| source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string | #dc2626 | — |
| source.json meta.structure.dictionary.json > value.json > string.quoted.json,source.json meta.structure.array.json > value.json > string.quoted.json,source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation,source.json meta.structure.array.json > value.json > string.quoted.json > punctuation | #12873d | — |
| source.json meta.structure.dictionary.json > constant.language.json,source.json meta.structure.array.json > constant.language.json | #0f6b75 | — |
| support.type.property-name.json | #dc2626 | — |
| support.type.property-name.json punctuation | #dc2626 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded | #6316e9 | — |
| meta.template.expression | #111111 | — |
| comment, punctuation.definition.comment | #11111180 | — |
| markup.quote.markdown | #3a3e45 | — |
| markup.deleted | #dc2626 | — |
| markup.inserted | #12873d | — |
| markup.underline | — | underline |
| markup.bold | — | bold |
| entity.name.section | — | bold |
| keyword.other.important | — | bold |
| entity.name.function, meta.require, support.function.any-method, variable.function | — | bold |
| markup.bold.markdown | — | bold |