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#eceef1
- activityBar.border#00000000
- activityBar.foreground#3a3a3a
- activityBarBadge.background#4A6FB8
- activityBarBadge.foreground#ffffff
- badge.background#b678d6
- badge.foreground#ffffff
- banner.background#E2E4E7
- banner.foreground#222435
- banner.iconForeground#4A6FB8
- breadcrumb.background#eceef1
- breadcrumb.focusForeground#5B6DBD
- breadcrumb.foreground#7a7f89
- button.background#C9A7EA
- button.border#00000000
- button.foreground#2e3440
- button.hoverBackground#B895E1
- checkbox.background#FAFBFF
- checkbox.border#D5DBE9
- checkbox.foreground#222435
- debugConsole.errorForeground#EC7279
- debugConsole.infoForeground#3574A3
- debugConsole.sourceForeground#4A6FB8
- debugConsole.warningForeground#B26A00
- debugConsoleInputIcon.foreground#4A6FB8
- debugExceptionWidget.background#E2E4E7
- debugExceptionWidget.border#EC7279
- debugIcon.breakpointDisabledForeground#9AA1AE
- debugIcon.breakpointForeground#EC7279
- debugIcon.breakpointUnverifiedForeground#B26A00
- debugIcon.continueForeground#7EBF87
- debugIcon.disconnectForeground#EC7279
- debugIcon.pauseForeground#B26A00
- debugIcon.restartForeground#4A6FB8
- debugIcon.startForeground#7EBF87
- debugIcon.stepBackForeground#4AB5B4
- debugIcon.stepIntoForeground#4A6FB8
- debugIcon.stepOutForeground#4A6FB8
- debugIcon.stepOverForeground#4A6FB8
- debugIcon.stopForeground#EC7279
- debugTokenExpression.boolean#B26A00
- debugTokenExpression.error#EC7279
- debugTokenExpression.name#4A6FB8
- debugTokenExpression.number#B26A00
- debugTokenExpression.string#2F7C61
- debugTokenExpression.value#2d2d2d
- debugToolBar.background#E2E4E7
- debugToolBar.border#d0d3d6
- debugView.exceptionLabelBackground#EC727980
- debugView.exceptionLabelForeground#ffffff
- debugView.stateLabelBackground#4A6FB8CC
- debugView.stateLabelForeground#ffffff
- debugView.valueChangedHighlight#B26A0080
- descriptionForeground#7a7f89
- diffEditor.border#B4B8C2
- diffEditor.diagonalFill#00000010
- diffEditor.insertedLineBackground#7EBF871F
- diffEditor.insertedTextBackground#7EBF8720
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedLineBackground#EC72791F
- diffEditor.removedTextBackground#EC727920
- diffEditor.removedTextBorder#00000000
- diffEditorGutter.insertedLineBackground#7EBF8722
- diffEditorGutter.removedLineBackground#EC727922
- disabledForeground#9AA1AE
- dropdown.background#FAFBFF
- dropdown.border#D5DBE9
- dropdown.foreground#222435
- dropdown.listBackground#FAFBFF
- editor.background#eceef1
- editor.findMatchBackground#4A6FB866
- editor.findMatchHighlightBackground#4A6FB840
- editor.focusedStackFrameHighlightBackground#00000000
- editor.foldBackground#00000000
- editor.foreground#2d2d2d
- editor.inactiveLineHighlightBackground#00000002
- editor.inactiveSelectionBackground#e3e8f0AA
- editor.lineHighlightBackground#00000005
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#4A6FB822
- editor.rangeHighlightBackground#E2E4E766
- editor.selectionBackground#D5DBE6
- editor.selectionHighlightBackground#D5DBE670
- editor.wordHighlightBackground#4A6FB81F
- editor.wordHighlightStrongBackground#4A6FB833
- editorBracketHighlight.foreground1#4A6FB8
- editorBracketHighlight.foreground2#A454CB
- editorBracketHighlight.foreground3#4AB5B4
- editorBracketHighlight.foreground4#7EBF87
- editorBracketHighlight.foreground5#D4AB74
- editorBracketHighlight.foreground6#4A6FB8
- editorBracketHighlight.unexpectedBracket.foreground#EC7279
- editorBracketMatch.background#D5DBE6
- editorBracketMatch.border#B4B8C2
- editorCursor.foreground#2d2d2d
- editorGhostText.foreground#727A8C
- editorGroup.border#d0d3d6
- editorGroupHeader.noTabsBackground#E2E4E7
- editorGroupHeader.tabsBackground#E2E4E7
- editorGutter.addedBackground#7EBF87
- editorGutter.background#eceef1
- editorGutter.commentRangeForeground#489DAC
- editorGutter.deletedBackground#EC7279
- editorGutter.modifiedBackground#3574A3
- editorHoverWidget.background#F4F6F9
- editorHoverWidget.border#d0d3d6
- editorIndentGuide.activeBackground1#B4B8C2
- editorIndentGuide.background1#e5e5e5
- editorInfo.foreground#3574A3
- editorLineNumber.activeForeground#6476C2
- editorLineNumber.foreground#7a7f89
- editorOverviewRuler.addedForeground#7EBF8740
- editorOverviewRuler.deletedForeground#EC727940
- editorOverviewRuler.modifiedForeground#3574A340
- editorSuggestWidget.background#F4F6F9
- editorSuggestWidget.border#d0d3d6
- editorSuggestWidget.foreground#3B3F48
- editorSuggestWidget.highlightForeground#1C2033
- editorSuggestWidget.selectedBackground#d0d3d6
- editorWarning.foreground#B26A00
- editorWhitespace.foreground#ddd
- focusBorder#00000000
- foreground#222435
- gitDecoration.addedResourceForeground#7EBF87
- gitDecoration.conflictingResourceForeground#B26A00
- gitDecoration.deletedResourceForeground#EC7279
- gitDecoration.ignoredResourceForeground#9AA1AE
- gitDecoration.modifiedResourceForeground#4A6FB8
- gitDecoration.renamedResourceForeground#3574A3
- gitDecoration.submoduleResourceForeground#489DAC
- gitDecoration.untrackedResourceForeground#7EBF87
- inlineChat.background#F4F6F9
- inlineChat.border#d0d3d6
- inlineChatInput.background#E2E4E7
- inlineparameters.annotationBackground#D5DBE9
- inlineparameters.annotationForeground#5E6670
- input.background#eceef1
- input.border#d0d3d6
- input.foreground#1A1A1A
- input.placeholderForeground#6E7681
- list.activeSelectionBackground#dad3e8
- list.activeSelectionForeground#1F2435
- list.deemphasizedForeground#888ca0
- list.focusAndSelectionOutline#00000000
- list.focusOutline#00000000
- list.hoverBackground#e8e3f2
- list.inactiveSelectionBackground#e3e8f0
- list.inactiveSelectionForeground#2d2d2d
- list.warningForeground#B26A00
- menu.background#F4F6F9
- menu.foreground#1C2033
- menu.selectionBackground#E2E6F0
- menu.selectionForeground#3a3a3a
- menu.separatorBackground#D9DEE8
- mergeEditor.change.background#3574A322
- mergeEditor.change.word.background#3574A333
- minimap.background#eceef1
- minimap.selectionHighlight#D5DBE680
- notebook.cellBorderColor#D9DEE8
- notebook.cellEditorBackground#eceef1
- notebook.cellHoverBackground#d0d3d6
- notebook.focusedCellBackground#E2E4E7
- notificationsWarningIcon.foreground#B26A00
- panel.background#eceef1
- panel.border#d0d3d6
- panelTitle.activeBorder#4A6FB8
- panelTitle.activeForeground#1C2033
- panelTitle.inactiveForeground#7a7f89
- peekView.border#B4B8C2
- peekViewEditor.background#eceef1
- peekViewResult.background#E2E4E7
- peekViewTitle.background#E2E4E7
- pickerGroup.border#D9DEE8
- pickerGroup.foreground#4A6FB8
- problemsWarningIcon.foreground#B26A00
- quickInput.background#eceef1
- quickInput.foreground#1C2033
- quickInputList.focusBackground#E2E6F0
- quickInputList.focusForeground#3a3a3a
- quickInputList.focusIconForeground#3574A3
- quickInputTitle.background#EDEFF3
- scmGraph.foreground1#A454CB
- scmGraph.foreground2#D4AB74
- scmGraph.foreground3#4A6FB8
- scmGraph.foreground4#7EBF87
- scmGraph.foreground5#9AA1AE
- scmGraph.historyItemBaseRefColor#3574A3
- scmGraph.historyItemHoverAdditionsForeground#7EBF87
- scmGraph.historyItemHoverDefaultLabelBackground#d0d3d6
- scmGraph.historyItemHoverDefaultLabelForeground#1C2033
- scmGraph.historyItemHoverDeletionsForeground#EC7279
- scmGraph.historyItemHoverLabelForeground#eceef1
- scmGraph.historyItemRefColor#3574A3
- scmGraph.historyItemRemoteRefColor#7EBF87
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#00000033
- scrollbarSlider.background#0000000D
- scrollbarSlider.hoverBackground#00000019
- settings.checkboxBackground#FAFBFF
- settings.checkboxBorder#D5DBE9
- settings.checkboxForeground#222435
- settings.dropdownBackground#FAFBFF
- settings.dropdownBorder#D5DBE9
- settings.dropdownForeground#222435
- settings.headerForeground#222435
- settings.modifiedItemIndicator#B06AB3
- settings.textInputBackground#FFFFFF
- settings.textInputBorder#D5DBE9
- settings.textInputForeground#222435
- sideBar.background#eceef1
- sideBar.border#d4d6dc
- sideBar.foreground#2d2d2d
- sideBarSectionHeader.background#eceef1
- sideBarSectionHeader.border#eceef1
- sideBarSectionHeader.foreground#40485A
- statusBar.background#eceef1
- statusBar.debuggingBackground#eceef1
- statusBar.debuggingForeground#2d2d2d
- statusBar.foreground#2d2d2d
- statusBar.noFolderBackground#eceef1
- statusBar.noFolderForeground#2d2d2d
- statusBarItem.errorBackground#EC7279
- statusBarItem.prominentBackground#dad3e8
- statusBarItem.prominentHoverBackground#e8e3f2
- statusBarItem.remoteBackground#eceef1
- statusBarItem.remoteForeground#1C2033
- statusBarItem.warningBackground#B26A00
- tab.activeBackground#eceef1
- tab.activeBorderTop#4A6FB8
- tab.activeForeground#3a3a3a
- tab.border#d0d3d6
- tab.inactiveBackground#E2E4E7
- tab.inactiveForeground#7a7f89
- tab.unfocusedHoverBackground#d0d3d6
- terminal.ansiBlack#9FA6B2
- terminal.ansiBlue#6EAADB
- terminal.ansiBrightBlack#808890
- terminal.ansiBrightBlue#8CA9D5
- terminal.ansiBrightCyan#489DAC
- terminal.ansiBrightGreen#8FD0A0
- terminal.ansiBrightMagenta#B678D6
- terminal.ansiBrightRed#F19196
- terminal.ansiBrightWhite#3A3A3A
- terminal.ansiBrightYellow#DCBFA8
- terminal.ansiCyan#4AB5B4
- terminal.ansiGreen#7EBF87
- terminal.ansiMagenta#A454CB
- terminal.ansiRed#EC7279
- terminal.ansiWhite#2D2D2D
- terminal.ansiYellow#D4AB74
- terminal.background#eceef1
- terminal.border#d0d3d6
- terminal.findMatchBackground#CFE8FC66
- terminal.findMatchHighlightBackground#CFE8FC33
- terminal.foreground#2d2d2d
- terminal.hoverHighlightBackground#d0d3d6
- terminal.selectionBackground#D5DBE6
- terminal.tab.activeBorder#4A6FB8
- terminalCursor.foreground#2d2d2d
- testing.iconFailed#EC7279
- testing.iconPassed#7EBF87
- testing.runAction#3574A3
- textLink.activeForeground#8CA9D5
- textLink.foreground#4A6FB8
- titleBar.activeBackground#eceef1
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block, comment.line, comment.line.double-slash | #707680 | italic |
| punctuation.definition.comment | #808890 | italic |
| punctuation.definition.tag, punctuation.definition.tag.html | #999 | — |
| punctuation.definition.tag.jsx, punctuation.definition.tag.tsx | #999 | — |
| entity.name.tag, support.class.component.html | #4A6FB8 | — |
| entity.name.tag.jsx, entity.name.tag.tsx | #4A6FB8 | — |
| support.class.component, support.class.component.jsx, support.class.component.tsx, support.class.component.vue | #5B6DBD | — |
| 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 | #3574A3 | — |
| string.quoted.double.html class, string.quoted.single.html class | #2F7C61 | — |
| 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 | #2F7C61 | — |
| text.html.basic, text.html.derivative | #2d2d2d | — |
| 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 | #2d2d2d | — |
| entity.name.function, support.function | #4A6FB8 | — |
| entity.name.namespace, entity.name.type, meta.use, support.class | #5B6DBD | — |
| punctuation.definition.string, string | #2F7C61 | — |
| meta.definition.variable.name, variable, support.variable, variable.other.php | #4AB5B4 | — |
| meta.function.parameter, variable.parameter | #489DAC | — |
| constant.numeric, constant.language, constant.character | #D4AB74 | — |
| keyword, storage.type, storage.modifier | #A454CB | — |
| 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 | #1A1A1A | bold |
| markup.bold | #A454CB | bold |
| markup.italic | #808890 | italic |
| markup.inline.raw.markdown | #2F7C61 | italic |
| markup.quote.markdown | #4AB5B4 | italic |
| markup.inserted | #2F7C61 | — |
| markup.changed | #B26A00 | — |
| markup.deleted | #EC7279 | — |
| meta.separator.markdown | #9AA1AE | — |
| invalid, invalid.illegal | #EC7279 | — |
| punctuation.definition.keyword, keyword.operator.expression.instanceof, keyword.operator.expression.typeof, keyword.operator.expression.delete | #A454CB | — |
| support.type.builtin, support.type.primitive, support.type.primitive.ts | #5B6DBD | — |
| variable.language, variable.language.this, variable.language.super, variable.language.arguments | #4AB5B4 | — |
| meta.object-literal.key, meta.object-literal.key entity.name, meta.objectliteral.key, meta.object-literal.key string.unquoted | #3574A3 | — |
| meta.decorator, storage.type.annotation, punctuation.decorator | #6EAADB | — |
| meta.object-literal.key, support.type.property-name, meta.mapping.key | #3B3F48 | — |
| punctuation.accessor, punctuation.separator.dot | #888 | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.assignment | #72767e | — |
| string.regexp, constant.other.character-class.set.regexp, punctuation.definition.group.regexp | #4AB5B4 | — |
| constant.character.escape, constant.character.escape.backslash.regexp, constant.regexp | #7EBF87 | — |
| variable.language.this, variable.language.self | #4A6FB8 | italic |
| keyword.other.use, keyword.other.namespace.use, keyword.other.use.php | #9D74C2 | — |
| keyword.declaration.class, storage.type.class, keyword.declaration.interface, keyword.other.implements, storage.modifier.implements | #9D74C2 | — |
| 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 | #7099CC | — |
| punctuation.separator.namespace, punctuation.accessor, punctuation.separator, punctuation.separator.inheritance | #707580 | — |
| punctuation.definition.variable.php, variable.other.php punctuation.definition.variable | #4AB5B499 | — |