Harmonia Theme
Publisher: AgusRdzThemes in package: 9
A subtle, carefully crafted theme to reduce visual noise while coding.
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.background#1d1c28
- activityBar.border#00000000
- activityBar.foreground#e6e6f0
- activityBarBadge.background#E8A2C8
- activityBarBadge.foreground#1d1c28
- badge.background#c39ed8
- badge.foreground#E8E8F0
- banner.background#1F1E2C
- banner.foreground#E3F2F2
- banner.iconForeground#6FA3D9
- breadcrumb.background#1B1A27
- breadcrumb.focusForeground#6EAADB
- breadcrumb.foreground#a8a9c6
- button.background#b7a0ff
- button.border#00000000
- button.foreground#ffffff
- button.hoverBackground#a48be0
- checkbox.background#0F1618
- checkbox.border#1D2A2D
- checkbox.foreground#E3F2F2
- debugConsole.errorForeground#f7a3a8
- debugConsole.infoForeground#a5d8f7
- debugConsole.sourceForeground#6FA3D9
- debugConsole.warningForeground#f9d79f
- debugConsoleInputIcon.foreground#E8A2C8
- debugExceptionWidget.background#1F1E2C
- debugExceptionWidget.border#f7a3a8
- debugIcon.breakpointDisabledForeground#5D5A7A
- debugIcon.breakpointForeground#f7a3a8
- debugIcon.breakpointUnverifiedForeground#f9d79f
- debugIcon.continueForeground#b0e3c5
- debugIcon.disconnectForeground#f7a3a8
- debugIcon.pauseForeground#f9d79f
- debugIcon.restartForeground#E8A2C8
- debugIcon.startForeground#b0e3c5
- debugIcon.stepBackForeground#84bfc0
- debugIcon.stepIntoForeground#6FA3D9
- debugIcon.stepOutForeground#6FA3D9
- debugIcon.stepOverForeground#6FA3D9
- debugIcon.stopForeground#f7a3a8
- debugTokenExpression.boolean#f9d79f
- debugTokenExpression.error#f7a3a8
- debugTokenExpression.name#E8A2C8
- debugTokenExpression.number#f9d79f
- debugTokenExpression.string#9dd5b8
- debugTokenExpression.value#e6e6f0
- debugToolBar.background#1F1E2C
- debugToolBar.border#2c2c3c
- debugView.exceptionLabelBackground#f7a3a880
- debugView.exceptionLabelForeground#ffffff
- debugView.stateLabelBackground#E8A2C880
- debugView.stateLabelForeground#E8E8F0
- debugView.valueChangedHighlight#f9d79f80
- descriptionForeground#A9B3CC
- diffEditor.border#5a5f7a
- diffEditor.diagonalFill#ffffff10
- diffEditor.insertedLineBackground#b0e3c510
- diffEditor.insertedTextBackground#b0e3c516
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedLineBackground#f7a3a810
- diffEditor.removedTextBackground#f7a3a816
- diffEditor.removedTextBorder#00000000
- diffEditorGutter.insertedLineBackground#b0e3c522
- diffEditorGutter.removedLineBackground#f7a3a822
- disabledForeground#5D5A7A
- dropdown.background#0F1618
- dropdown.border#1D2A2D
- dropdown.foreground#E3F2F2
- dropdown.listBackground#0F1618
- editor.background#1d1c28
- editor.findMatchBackground#6FA3D966
- editor.findMatchHighlightBackground#6FA3D940
- editor.focusedStackFrameHighlightBackground#00000000
- editor.foldBackground#00000000
- editor.foreground#e6e6f0
- editor.inactiveLineHighlightBackground#FFFFFF02
- editor.inactiveSelectionBackground#272636AA
- editor.lineHighlightBackground#FFFFFF06
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#a5d8f722
- editor.rangeHighlightBackground#1F1E2C66
- editor.selectionBackground#2F2E45
- editor.selectionForeground#ffffff
- editor.selectionHighlightBackground#2F2E4566
- editor.wordHighlightBackground#6FA3D926
- editor.wordHighlightStrongBackground#6FA3D933
- editorBracketHighlight.foreground1#85BFDB
- editorBracketHighlight.foreground2#E8A2C8
- editorBracketHighlight.foreground3#9FDDE3
- editorBracketHighlight.foreground4#B0E3C5
- editorBracketHighlight.foreground5#F9D79F
- editorBracketHighlight.foreground6#B7A0FF
- editorBracketHighlight.unexpectedBracket.foreground#f7a3a8
- editorBracketMatch.background#433d5c
- editorBracketMatch.border#5a5f7a
- editorCursor.foreground#e6e6f0
- editorGhostText.foreground#BAC7E5
- editorGroup.border#2c2c3c
- editorGroupHeader.noTabsBackground#1F1E2C
- editorGroupHeader.tabsBackground#1F1E2C
- editorGutter.addedBackground#b0e3c5
- editorGutter.background#1d1c28
- editorGutter.commentRangeForeground#88ccc8
- editorGutter.deletedBackground#f7a3a8
- editorGutter.modifiedBackground#a5d8f7
- editorHoverWidget.background#1B1A27
- editorHoverWidget.border#2c2c3c
- editorIndentGuide.activeBackground1#5a5f7a
- editorIndentGuide.background1#2c2f40
- editorInfo.foreground#a5d8f7
- editorLineNumber.activeForeground#F0B8DA
- editorLineNumber.foreground#575a74
- editorOverviewRuler.addedForeground#b0e3c540
- editorOverviewRuler.deletedForeground#f7a3a840
- editorOverviewRuler.modifiedForeground#a5d8f740
- editorSuggestWidget.background#1B1A27
- editorSuggestWidget.border#2c2c3c
- editorSuggestWidget.foreground#C8D0E0
- editorSuggestWidget.highlightForeground#E8E8F0
- editorSuggestWidget.selectedBackground#2c2c3c
- editorWarning.foreground#f9d79f
- editorWhitespace.foreground#37384a
- focusBorder#00000000
- foreground#E3F2F2
- gitDecoration.addedResourceForeground#b0e3c5
- gitDecoration.conflictingResourceForeground#f9d79f
- gitDecoration.deletedResourceForeground#f7a3a8
- gitDecoration.ignoredResourceForeground#5D5A7A
- gitDecoration.modifiedResourceForeground#E8A2C8
- gitDecoration.renamedResourceForeground#a5d8f7
- gitDecoration.submoduleResourceForeground#88ccc8
- gitDecoration.untrackedResourceForeground#b0e3c5
- inlineChat.background#1B1A27
- inlineChat.border#2c2c3c
- inlineChatInput.background#1F1E2C
- inlineparameters.annotationBackground#1D2A2D
- inlineparameters.annotationForeground#BFCCE5
- input.background#1d1c28
- input.border#2c2c3c
- input.foreground#E8E8F0
- input.placeholderForeground#9EABC2
- list.activeSelectionBackground#24232f
- list.activeSelectionForeground#ffffff
- list.deemphasizedForeground#888ca0
- list.focusAndSelectionOutline#00000000
- list.focusOutline#00000000
- list.hoverBackground#24232f
- list.inactiveSelectionBackground#272636
- list.inactiveSelectionForeground#e6e6f0
- list.warningForeground#f9d79f
- menu.background#222238
- menu.foreground#E8E8F0
- menu.selectionBackground#2E303E
- menu.selectionForeground#ffffff
- menu.separatorBackground#26243A
- mergeEditor.change.background#a5d8f722
- mergeEditor.change.word.background#a5d8f733
- minimap.background#1d1c28
- minimap.selectionHighlight#2F2E4580
- notebook.cellBorderColor#26243A
- notebook.cellEditorBackground#1d1c28
- notebook.cellHoverBackground#2c2c3c
- notebook.focusedCellBackground#1F1E2C
- notificationsWarningIcon.foreground#f9d79f
- panel.background#1d1c28
- panel.border#2c2c3c
- panelTitle.activeBorder#E8A2C8
- panelTitle.activeForeground#E8E8F0
- panelTitle.inactiveForeground#a8a9c6
- peekView.border#5a5f7a
- peekViewEditor.background#1d1c28
- peekViewResult.background#1F1E2C
- peekViewTitle.background#1F1E2C
- pickerGroup.border#26243A
- pickerGroup.foreground#6FA3D9
- problemsWarningIcon.foreground#f9d79f
- quickInput.background#1d1c28
- quickInput.foreground#E8E8F0
- quickInputList.focusBackground#202534
- quickInputList.focusForeground#ffffff
- quickInputList.focusIconForeground#85BFDB
- quickInputTitle.background#191828
- scmGraph.foreground1#b7a0ff
- scmGraph.foreground2#f0b4d6
- scmGraph.foreground3#85BFDB
- scmGraph.foreground4#b0e3c5
- scmGraph.foreground5#a8a9c6
- scmGraph.historyItemBaseRefColor#a5d8f7
- scmGraph.historyItemHoverAdditionsForeground#b9e9cf
- scmGraph.historyItemHoverDefaultLabelBackground#2c2c3c
- scmGraph.historyItemHoverDefaultLabelForeground#E8E8F0
- scmGraph.historyItemHoverDeletionsForeground#f5b2b7
- scmGraph.historyItemHoverLabelForeground#1d1c28
- scmGraph.historyItemRefColor#85BFDB
- scmGraph.historyItemRemoteRefColor#b9e9cf
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#FFFFFF4D
- scrollbarSlider.background#FFFFFF1A
- scrollbarSlider.hoverBackground#FFFFFF33
- settings.checkboxBackground#0F1618
- settings.checkboxBorder#1D2A2D
- settings.checkboxForeground#E3F2F2
- settings.dropdownBackground#0F1618
- settings.dropdownBorder#1D2A2D
- settings.dropdownForeground#E3F2F2
- settings.headerForeground#E3F2F2
- settings.modifiedItemIndicator#6FA3D9
- settings.textInputBackground#142022
- settings.textInputBorder#1D2A2D
- settings.textInputForeground#E3F2F2
- sideBar.background#1d1c28
- sideBar.border#2d2c3a
- sideBar.foreground#e6e6f0
- sideBarSectionHeader.background#1d1c28
- sideBarSectionHeader.border#1d1c28
- sideBarSectionHeader.foreground#D5D9EE
- statusBar.background#1d1c28
- statusBar.debuggingBackground#1d1c28
- statusBar.debuggingForeground#e6e6f0
- statusBar.foreground#e6e6f0
- statusBar.noFolderBackground#1d1c28
- statusBar.noFolderForeground#e6e6f0
- statusBarItem.errorBackground#f7a3a8
- statusBarItem.prominentBackground#24232f
- statusBarItem.prominentHoverBackground#24232f
- statusBarItem.remoteBackground#1d1c28
- statusBarItem.remoteForeground#E8E8F0
- statusBarItem.warningBackground#f9d79f
- tab.activeBackground#1d1c28
- tab.activeBorderTop#E8A2C8
- tab.activeForeground#ffffff
- tab.border#2c2c3c
- tab.inactiveBackground#1F1E2C
- tab.inactiveForeground#a8a9c6
- tab.unfocusedHoverBackground#2c2c3c
- terminal.ansiBlack#2e2f3a
- terminal.ansiBlue#a5d8f7
- terminal.ansiBrightBlack#575a74
- terminal.ansiBrightBlue#b8e3fb
- terminal.ansiBrightCyan#b4e9ed
- terminal.ansiBrightGreen#c1eed3
- terminal.ansiBrightMagenta#f0b4d6
- terminal.ansiBrightRed#f5b2b7
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffe6b3
- terminal.ansiCyan#9fdde3
- terminal.ansiGreen#b0e3c5
- terminal.ansiMagenta#e8a2c8
- terminal.ansiRed#f7a3a8
- terminal.ansiWhite#e8e8f0
- terminal.ansiYellow#f9d79f
- terminal.background#1d1c28
- terminal.border#2c2c3c
- terminal.findMatchBackground#b7a0ff66
- terminal.findMatchHighlightBackground#b7a0ff33
- terminal.foreground#e6e6f0
- terminal.hoverHighlightBackground#2c2c3c
- terminal.selectionBackground#2F2E45
- terminal.tab.activeBorder#E8A2C8
- terminalCursor.foreground#e6e6f0
- testing.iconFailed#f7a3a8
- testing.iconPassed#b0e3c5
- testing.runAction#a5d8f7
- textLink.activeForeground#8FC4E0
- textLink.foreground#6FA3D9
- titleBar.activeBackground#1d1c28
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block, comment.line, comment.line.double-slash | #8a909b | italic |
| punctuation.definition.comment | #5a5f7a | italic |
| punctuation.definition.tag, punctuation.definition.tag.html | #c5b4d1 | — |
| punctuation.definition.tag.jsx, punctuation.definition.tag.tsx | #c5b4d1 | — |
| entity.name.tag, support.class.component.html | #f7a3a8 | — |
| entity.name.tag.jsx, entity.name.tag.tsx | #f7a3a8 | — |
| support.class.component, support.class.component.jsx, support.class.component.tsx, support.class.component.vue | #6EAADB | — |
| entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx, entity.other.attribute-name.vue, meta.directive.vue | #e8a2c8 | — |
| string.quoted.double.html class, string.quoted.single.html class | #9dd5b8 | — |
| string.quoted.double.html, string.quoted.single.html, string.quoted.double.jsx, string.quoted.single.jsx, string.quoted.double.tsx, string.quoted.single.tsx, string.quoted.double.vue, string.quoted.single.vue | #9dd5b8 | — |
| text.html.basic, text.html.derivative | #e6e6f0 | — |
| meta.jsx.children, source.jsx meta.jsx.children, source.js meta.jsx.children, source.tsx meta.jsx.children, meta.tag.inline.jsx meta.jsx.children, meta.tag.block.jsx meta.jsx.children, meta.tag.inline.tsx meta.jsx.children, meta.tag.block.tsx meta.jsx.children | #e6e6f0 | — |
| entity.name.function, support.function | #6FA3D9 | — |
| entity.name.namespace, entity.name.type, meta.use, support.class | #6EAADB | — |
| punctuation.definition.string, string | #9dd5b8 | — |
| meta.definition.variable.name, variable, support.variable, variable.other.php | #8cccd2 | — |
| meta.function.parameter, variable.parameter | #a0dce0 | — |
| constant.numeric, constant.language, constant.character | #e6c58a | — |
| keyword, storage.type, storage.modifier | #9e8aeb | — |
| entity.name.method, keyword.control.conditional, keyword.control.flow, keyword.control.loop, keyword.control.import, keyword.control.export, keyword.control.default, keyword.control.from, keyword.control.switch, keyword.operator.expression.delete, keyword.operator.expression.in, keyword.operator.expression.of, keyword.operator.new, keyword.operator.sizeof, storage | — | italic |
| markup.heading | #e8e8f0 | bold |
| markup.bold | #f7a3a8 | bold |
| markup.italic | #b0e3c5 | italic |
| markup.inline.raw.markdown | #a5d8f7 | italic |
| markup.quote.markdown | #9fdde3 | italic |
| markup.inserted | #9dd5b8 | — |
| markup.changed | #f9d79f | — |
| markup.deleted | #f7a3a8 | — |
| meta.separator.markdown | #5D5A7A | — |
| invalid, invalid.illegal | #f7a3a8 | — |
| punctuation.definition.keyword, keyword.operator.expression.instanceof, keyword.operator.expression.typeof, keyword.operator.expression.delete | #9e8aeb | — |
| support.type.builtin, support.type.primitive, support.type.primitive.ts | #6EAADB | — |
| variable.language, variable.language.this, variable.language.super, variable.language.arguments | #B0E3C5 | — |
| meta.object-literal.key, meta.object-literal.key entity.name, meta.objectliteral.key, meta.object-literal.key string.unquoted | #e8a2c8 | — |
| meta.decorator, storage.type.annotation, punctuation.decorator | #6FA3D9 | — |
| meta.object-literal.key, support.type.property-name, meta.mapping.key | #8FAED8 | — |
| punctuation.accessor, punctuation.separator.dot | #afacb8 | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.assignment | #c0bdd0 | — |
| string.regexp, constant.other.character-class.set.regexp, punctuation.definition.group.regexp | #98cce3 | — |
| constant.character.escape, constant.character.escape.backslash.regexp, constant.regexp | #a3d7b8 | — |
| variable.language.this, variable.language.self | #6FA3D9 | italic |
| keyword.other.use, keyword.other.namespace.use, keyword.other.use.php | #B99EF0 | — |
| keyword.declaration.class, storage.type.class, keyword.declaration.interface, keyword.other.implements, storage.modifier.implements | #B99EF0 | — |
| entity.name.type, entity.name.type.class, entity.name.type.interface, entity.other.inherited-class, support.class, support.type, entity.name.namespace, support.other.namespace | #9CC0FF | — |
| punctuation.separator.namespace, punctuation.accessor, punctuation.separator, punctuation.separator.inheritance | #C8CAD6 | — |
| punctuation.definition.variable.php, variable.other.php punctuation.definition.variable | #E2E2E899 | — |