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#FFFFFF
- activityBar.border#00000000
- activityBar.foreground#1A1A1A
- activityBarBadge.background#4A6FB8
- activityBarBadge.foreground#ffffff
- badge.background#888888
- badge.foreground#ffffff
- banner.background#F8F8F8
- banner.foreground#23252C
- banner.iconForeground#4A6FB8
- breadcrumb.background#FFFFFF
- breadcrumb.focusForeground#5B6DBD
- breadcrumb.foreground#555555
- button.background#E0E0E0
- button.border#00000000
- button.foreground#2e3440
- button.hoverBackground#D5D5D5
- checkbox.background#FFFFFF
- checkbox.border#D9DEE8
- checkbox.foreground#23252C
- debugConsole.errorForeground#EC7279
- debugConsole.infoForeground#3574A3
- debugConsole.sourceForeground#4A6FB8
- debugConsole.warningForeground#B26A00
- debugConsoleInputIcon.foreground#4A6FB8
- debugExceptionWidget.background#F8F8F8
- debugExceptionWidget.border#EC7279
- debugIcon.breakpointDisabledForeground#9AA1AE
- debugIcon.breakpointForeground#EC7279
- debugIcon.breakpointUnverifiedForeground#B26A00
- debugIcon.continueForeground#2E7D32
- debugIcon.disconnectForeground#EC7279
- debugIcon.pauseForeground#B26A00
- debugIcon.restartForeground#4A6FB8
- debugIcon.startForeground#2E7D32
- 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#1A1A1A
- debugToolBar.background#F8F8F8
- debugToolBar.border#E0E0E0
- debugView.exceptionLabelBackground#EC727980
- debugView.exceptionLabelForeground#ffffff
- debugView.stateLabelBackground#4A6FB8CC
- debugView.stateLabelForeground#ffffff
- debugView.valueChangedHighlight#B26A0080
- descriptionForeground#555555
- diffEditor.border#9AA1AE
- diffEditor.diagonalFill#00000010
- diffEditor.insertedLineBackground#2E7D321F
- diffEditor.insertedTextBackground#2E7D3220
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedLineBackground#EC72791F
- diffEditor.removedTextBackground#EC727920
- diffEditor.removedTextBorder#00000000
- diffEditorGutter.insertedLineBackground#2E7D3222
- diffEditorGutter.removedLineBackground#EC727922
- disabledForeground#9AA1AE
- dropdown.background#FFFFFF
- dropdown.border#D9DEE8
- dropdown.foreground#23252C
- dropdown.listBackground#FFFFFF
- editor.background#FFFFFF
- editor.findMatchBackground#4A6FB866
- editor.findMatchHighlightBackground#4A6FB840
- editor.focusedStackFrameHighlightBackground#00000000
- editor.foldBackground#00000000
- editor.foreground#1A1A1A
- editor.inactiveLineHighlightBackground#00000002
- editor.inactiveSelectionBackground#F2F2F2AA
- editor.lineHighlightBackground#00000005
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#4A6FB822
- editor.rangeHighlightBackground#F8F8F866
- editor.selectionBackground#E0E7F0
- editor.selectionHighlightBackground#E0E7F070
- 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#E8ECF2
- editorBracketMatch.border#9AA1AE
- editorCursor.foreground#1A1A1A
- editorGhostText.foreground#727A8C
- editorGroup.border#E0E0E0
- editorGroupHeader.noTabsBackground#F8F8F8
- editorGroupHeader.tabsBackground#F8F8F8
- editorGutter.addedBackground#2E7D32
- editorGutter.background#FFFFFF
- editorGutter.commentRangeForeground#489DAC
- editorGutter.deletedBackground#EC7279
- editorGutter.modifiedBackground#3574A3
- editorHoverWidget.background#F3F5FA
- editorHoverWidget.border#E0E0E0
- editorIndentGuide.activeBackground1#9AA1AE
- editorIndentGuide.background1#e5e5e5
- editorInfo.foreground#3574A3
- editorLineNumber.activeForeground#6B86C7
- editorLineNumber.foreground#A9AEB6
- editorOverviewRuler.addedForeground#2E7D3240
- editorOverviewRuler.deletedForeground#EC727940
- editorOverviewRuler.modifiedForeground#3574A340
- editorSuggestWidget.background#F3F5FA
- editorSuggestWidget.border#E0E0E0
- editorSuggestWidget.foreground#3B3F48
- editorSuggestWidget.highlightForeground#1E2030
- editorSuggestWidget.selectedBackground#E0E0E0
- editorWarning.foreground#B26A00
- editorWhitespace.foreground#E2E6EC
- focusBorder#00000000
- foreground#23252C
- gitDecoration.addedResourceForeground#2E7D32
- gitDecoration.conflictingResourceForeground#B26A00
- gitDecoration.deletedResourceForeground#EC7279
- gitDecoration.ignoredResourceForeground#9AA1AE
- gitDecoration.modifiedResourceForeground#4A6FB8
- gitDecoration.renamedResourceForeground#3574A3
- gitDecoration.submoduleResourceForeground#489DAC
- gitDecoration.untrackedResourceForeground#2E7D32
- inlineChat.background#F3F5FA
- inlineChat.border#E0E0E0
- inlineChatInput.background#F8F8F8
- inlineparameters.annotationBackground#D9DEE8
- inlineparameters.annotationForeground#5E6670
- input.background#FFFFFF
- input.border#E0E0E0
- input.foreground#1A1A1A
- input.placeholderForeground#6E7681
- list.activeSelectionBackground#E8F0FF
- list.activeSelectionForeground#000000
- list.deemphasizedForeground#888CA0
- list.focusAndSelectionOutline#00000000
- list.focusOutline#00000000
- list.hoverBackground#F0F8FF
- list.inactiveSelectionBackground#F2F2F2
- list.inactiveSelectionForeground#1A1A1A
- list.warningForeground#B26A00
- menu.background#FFFFFF
- menu.foreground#1E2030
- menu.selectionBackground#F0F0F3
- menu.selectionForeground#1A1A1A
- menu.separatorBackground#D9DEE8
- mergeEditor.change.background#3574A322
- mergeEditor.change.word.background#3574A333
- minimap.background#FFFFFF
- minimap.selectionHighlight#E0E7F080
- notebook.cellBorderColor#D9DEE8
- notebook.cellEditorBackground#FFFFFF
- notebook.cellHoverBackground#E0E0E0
- notebook.focusedCellBackground#F8F8F8
- notificationsWarningIcon.foreground#B26A00
- panel.background#FFFFFF
- panel.border#E0E0E0
- panelTitle.activeBorder#4A6FB8
- panelTitle.activeForeground#1E2030
- panelTitle.inactiveForeground#555555
- peekView.border#9AA1AE
- peekViewEditor.background#FFFFFF
- peekViewResult.background#F8F8F8
- peekViewTitle.background#F8F8F8
- pickerGroup.border#D9DEE8
- pickerGroup.foreground#4A6FB8
- problemsWarningIcon.foreground#B26A00
- quickInput.background#FFFFFF
- quickInput.foreground#1E2030
- quickInputList.focusBackground#E6ECF7
- quickInputList.focusForeground#1A1A1A
- quickInputList.focusIconForeground#3574A3
- quickInputTitle.background#F0F0F3
- scmGraph.foreground1#7B3FBF
- scmGraph.foreground2#B35B26
- scmGraph.foreground3#2C5DB0
- scmGraph.foreground4#2E7D32
- scmGraph.foreground5#9AA1AE
- scmGraph.historyItemBaseRefColor#3574A3
- scmGraph.historyItemHoverAdditionsForeground#2E7D32
- scmGraph.historyItemHoverDefaultLabelBackground#E0E0E0
- scmGraph.historyItemHoverDefaultLabelForeground#1E2030
- scmGraph.historyItemHoverDeletionsForeground#C2410C
- scmGraph.historyItemHoverLabelForeground#FFFFFF
- scmGraph.historyItemRefColor#3574A3
- scmGraph.historyItemRemoteRefColor#2E7D32
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#00000033
- scrollbarSlider.background#0000000D
- scrollbarSlider.hoverBackground#00000019
- settings.checkboxBackground#FFFFFF
- settings.checkboxBorder#D9DEE8
- settings.checkboxForeground#23252C
- settings.dropdownBackground#FFFFFF
- settings.dropdownBorder#D9DEE8
- settings.dropdownForeground#23252C
- settings.headerForeground#23252C
- settings.modifiedItemIndicator#B06AB3
- settings.textInputBackground#FFFFFF
- settings.textInputBorder#D9DEE8
- settings.textInputForeground#23252C
- sideBar.background#FFFFFF
- sideBar.border#e0e0e0
- sideBar.foreground#1A1A1A
- sideBarSectionHeader.background#FFFFFF
- sideBarSectionHeader.border#FFFFFF
- sideBarSectionHeader.foreground#40485A
- statusBar.background#FFFFFF
- statusBar.debuggingBackground#FFFFFF
- statusBar.debuggingForeground#1A1A1A
- statusBar.foreground#1A1A1A
- statusBar.noFolderBackground#FFFFFF
- statusBar.noFolderForeground#1A1A1A
- statusBarItem.errorBackground#EC7279
- statusBarItem.prominentBackground#E8F0FF
- statusBarItem.prominentHoverBackground#F0F8FF
- statusBarItem.remoteBackground#FFFFFF
- statusBarItem.remoteForeground#1E2030
- statusBarItem.warningBackground#B26A00
- tab.activeBackground#FFFFFF
- tab.activeBorderTop#4A6FB8
- tab.activeForeground#1A1A1A
- tab.border#E0E0E0
- tab.inactiveBackground#F8F8F8
- tab.inactiveForeground#555555
- tab.unfocusedHoverBackground#E0E0E0
- 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#000000
- terminal.ansiBrightYellow#DCBFA8
- terminal.ansiCyan#4AB5B4
- terminal.ansiGreen#7EBF87
- terminal.ansiMagenta#A454CB
- terminal.ansiRed#EC7279
- terminal.ansiWhite#2D2D2D
- terminal.ansiYellow#D4AB74
- terminal.background#FFFFFF
- terminal.border#E0E0E0
- terminal.findMatchBackground#CFE8FC66
- terminal.findMatchHighlightBackground#CFE8FC33
- terminal.foreground#1A1A1A
- terminal.hoverHighlightBackground#E0E0E0
- terminal.selectionBackground#E0E7F0
- terminal.tab.activeBorder#4A6FB8
- terminalCursor.foreground#1A1A1A
- testing.iconFailed#EC7279
- testing.iconPassed#2E7D32
- testing.runAction#3574A3
- textLink.activeForeground#8CA9D5
- textLink.foreground#4A6FB8
- titleBar.activeBackground#FFFFFF
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 | #888888 | italic |
| punctuation.definition.tag, punctuation.definition.tag.html | #999999 | — |
| punctuation.definition.tag.jsx, punctuation.definition.tag.tsx | #999999 | — |
| 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 | #1A1A1A | — |
| 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 | #1A1A1A | — |
| 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 | #9650c0 | — |
| 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 | #9650c0 | — |
| 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 | #888888 | — |
| 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 | — |