Modus

Color themes

• 

  Modus Vivendi

• 

  Modus Vivendi Deuteranopia

• 

  Modus Vivendi Deuteranopia (Quiet)

• 

  Modus Vivendi (Quiet)

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#303030
• activityBar.foreground#ffffff
• activityBar.inactiveForeground#989898
• activityBarBadge.background#1640b0
• activityBarBadge.foreground#ffffff
• activityErrorBadge.background#9d1f1f
• activityErrorBadge.foreground#ffffff
• activityWarningBadge.background#7a6100
• activityWarningBadge.foreground#ffffff
• badge.background#1640b0
• badge.foreground#ffffff
• breadcrumb.activeSelectionForeground#ffffff
• breadcrumb.focusForeground#ffffff
• breadcrumb.foreground#989898
• breadcrumbPicker.background#1e1e1e
• button.background#535353
• button.foreground#ffffff
• button.hoverBackground#45605e
• button.secondaryHoverBackground#604c30
• button.separator#646464
• chat.avatarBackground#303030
• chat.avatarForeground#ffffff
• chat.editedFileForeground#79a8ff
• chat.linesAddedForeground#c4d5ff
• chat.linesRemovedForeground#d4d48f
• chat.requestBackground#1e1e1e
• chat.requestBorder#646464
• chat.slashCommandBackground#12154a
• chat.slashCommandForeground#79a8ff
• checkbox.background#303030
• commandCenter.background#1e1e1e
• commandCenter.border#646464
• debugToolBar.background#1e1e1e
• diffEditor.border#646464
• diffEditor.diagonalFill#1a1a1a
• diffEditor.insertedLineBackground#001a4f26
• diffEditor.insertedTextBackground#0f4a774d
• diffEditor.removedLineBackground#281f0026
• diffEditor.removedTextBackground#5555004d
• diffEditor.unchangedCodeBackground#1a1a1a
• diffEditor.unchangedRegionBackground#1e1e1e
• diffEditor.unchangedRegionForeground#989898
• diffEditor.unchangedRegionShadow#1e1e1e
• diffEditorOverview.insertedForeground#006fff
• diffEditorOverview.removedForeground#d0c03f
• disabledForeground#989898
• dropdown.background#303030
• editor.background#000000
• editor.findMatchBackground#7a6100
• editor.findMatchHighlightBackground#1640b0
• editor.findRangeHighlightBackground#1640b04d
• editor.foreground#ffffff
• editor.inactiveSelectionBackground#5a5a5a73
• editor.lineHighlightBackground#2f3849
• editor.selectionBackground#5a5a5aa6
• editor.selectionForeground#000000
• editor.selectionHighlightBackground#45605e4d
• editor.wordHighlightBackground#45605e66
• editor.wordHighlightStrongBackground#604c3066
• editor.wordHighlightTextBackground#45605e4d
• editorBracketHighlight.foreground1#2fafff
• editorBracketHighlight.foreground2#d8af7a
• editorBracketHighlight.foreground3#79a8ff
• editorBracketHighlight.foreground4#cabf00
• editorBracketHighlight.foreground5#4ae2f0
• editorBracketHighlight.foreground6#d2b580
• editorBracketHighlight.unexpectedBracket.foreground#ffa00f
• editorBracketMatch.background#2f7f9f
• editorBracketMatch.border#2f7f9f
• editorCodeLens.foreground#989898
• editorCursor.foreground#ffffff
• editorError.foreground#ffa00f
• editorGroup.border#646464
• editorGroupHeader.tabsBackground#1e1e1e
• editorGutter.addedBackground#006fff
• editorGutter.addedSecondaryBackground#0f4a77
• editorGutter.deletedBackground#d0c03f
• editorGutter.deletedSecondaryBackground#555500
• editorGutter.modifiedBackground#7f55a0
• editorGutter.modifiedSecondaryBackground#3f325f
• editorHint.foreground#989898
• editorHoverWidget.background#1e1e1e
• editorHoverWidget.border#646464
• editorIndentGuide.activeBackground1#646464
• editorIndentGuide.background1#64646480
• editorInfo.foreground#2fafff
• editorLineNumber.activeForeground#ffffff
• editorLineNumber.foreground#989898
• editorLink.activeForeground#79a8ff
• editorMarkerNavigationError.background#ffa00f
• editorMarkerNavigationInfo.background#2fafff
• editorMarkerNavigationWarning.background#cabf00
• editorOverviewRuler.addedForeground#006fff
• editorOverviewRuler.bracketMatchForeground#2f7f9f
• editorOverviewRuler.currentContentForeground#006fff
• editorOverviewRuler.deletedForeground#d0c03f
• editorOverviewRuler.errorForeground#ffa00f
• editorOverviewRuler.findMatchForeground#7a6100
• editorOverviewRuler.incomingContentForeground#1640b0
• editorOverviewRuler.infoForeground#2fafff
• editorOverviewRuler.modifiedForeground#7f55a0
• editorOverviewRuler.warningForeground#cabf00
• editorRuler.foreground#64646480
• editorSuggestWidget.background#1e1e1e
• editorSuggestWidget.border#646464
• editorSuggestWidget.focusHighlightForeground#00bcff
• editorSuggestWidget.highlightForeground#00bcff
• editorWarning.foreground#cabf00
• editorWhitespace.foreground#646464
• errorForeground#ffa00f
• focusBorder#646464
• foreground#ffffff
• git.blame.editorDecorationForeground#e3cfff
• gitDecoration.addedResourceForeground#c4d5ff
• gitDecoration.conflictingResourceForeground#d0c03f
• gitDecoration.deletedResourceForeground#d4d48f
• gitDecoration.ignoredResourceForeground#989898
• gitDecoration.modifiedResourceForeground#e3cfff
• gitDecoration.renamedResourceForeground#8080ff
• gitDecoration.stageDeletedResourceForeground#d0b05f
• gitDecoration.stageModifiedResourceForeground#cf9fe2
• gitDecoration.submoduleResourceForeground#7f55a0
• gitDecoration.untrackedResourceForeground#c6daff
• inlineChat.background#1e1e1e
• inlineChat.border#646464
• inlineChat.foreground#ffffff
• inlineChatInput.background#000000
• inlineChatInput.border#646464
• inlineChatInput.focusBorder#79a8ff
• inlineChatInput.placeholderForeground#989898
• input.background#303030
• inputValidation.errorBackground#7a6100
• inputValidation.errorBorder#ffa00f
• inputValidation.errorForeground#ffffff
• inputValidation.infoBackground#2266ae
• inputValidation.infoBorder#2fafff
• inputValidation.infoForeground#ffffff
• inputValidation.warningBackground#7030af
• inputValidation.warningBorder#cabf00
• inputValidation.warningForeground#ffffff
• list.activeSelectionBackground#45605e33
• list.activeSelectionForeground#ffffff
• list.errorForeground#ffa00f
• list.focusHighlightForeground#00bcff
• list.focusOutline#45605e
• list.highlightForeground#00bcff
• list.hoverBackground#45605e
• list.hoverForeground#ffffff
• list.inactiveSelectionBackground#303030
• list.warningForeground#cabf00
• menu.background#1e1e1e
• menu.border#646464
• menu.foreground#ffffff
• menu.selectionBackground#45605e
• menu.selectionForeground#ffffff
• menu.separatorBackground#646464
• menubar.selectionBackground#45605e
• menubar.selectionForeground#ffffff
• merge.currentContentBackground#001a4f4d
• merge.currentHeaderBackground#00306680
• merge.incomingContentBackground#2426794d
• merge.incomingHeaderBackground#24267980
• minimap.errorHighlight#ffa00f
• minimap.findMatchHighlight#7a6100
• minimap.selectionHighlight#5a5a5a
• minimap.warningHighlight#cabf00
• minimapGutter.addedBackground#006fff
• minimapGutter.deletedBackground#d0c03f
• minimapGutter.modifiedBackground#7f55a0
• minimapSlider.activeBackground#535353cc
• minimapSlider.background#53535380
• minimapSlider.hoverBackground#535353a6
• multiDiffEditor.background#000000
• multiDiffEditor.border#646464
• multiDiffEditor.headerBackground#1e1e1e
• notifications.background#1e1e1e
• notificationsErrorIcon.foreground#ffa00f
• notificationsInfoIcon.foreground#2fafff
• notificationsWarningIcon.foreground#cabf00
• panel.border#646464
• panelSection.border#646464
• peekView.border#79a8ff
• peekViewEditor.background#79a8ff1a
• peekViewEditor.matchHighlightBackground#604c30
• peekViewResult.background#1e1e1e
• peekViewResult.lineForeground#989898
• peekViewResult.matchHighlightBackground#604c30
• pickerGroup.border#646464
• pickerGroup.foreground#ffffff
• progressBar.background#79a8ff
• quickInput.background#1e1e1e
• quickInput.foreground#ffffff
• quickInputList.focusBackground#45605e
• quickInputList.focusForeground#ffffff
• quickInputList.focusIconForeground#ffffff
• sash.hoverBorder#45605e
• scmGraph.foreground1#2fafff
• scmGraph.foreground2#d8af7a
• scmGraph.foreground3#79a8ff
• scmGraph.foreground4#cabf00
• scmGraph.foreground5#4ae2f0
• scmGraph.historyItemBaseRefColor#ffa00f
• scmGraph.historyItemHoverAdditionsForeground#c4d5ff
• scmGraph.historyItemHoverDefaultLabelBackground#1e1e1e
• scmGraph.historyItemHoverDefaultLabelForeground#ffffff
• scmGraph.historyItemHoverDeletionsForeground#d4d48f
• scmGraph.historyItemHoverLabelForeground#000000
• scmGraph.historyItemRefColor#82b0ec
• scmGraph.historyItemRemoteRefColor#caa6df
• scrollbarSlider.activeBackground#535353cc
• scrollbarSlider.background#53535380
• scrollbarSlider.hoverBackground#535353a6
• searchEditor.findMatchBackground#7a6100
• selection.background#5a5a5a
• settings.focusedRowBackground#c6daff1a
• settings.focusedRowBorder#646464
• settings.headerBorder#646464
• settings.rowHoverBackground#c6daff1a
• settings.sashBorder#646464
• sideBar.background#1e1e1e
• sideBar.foreground#ffffffcc
• sideBarSectionHeader.background#1e1e1e
• sideBarSectionHeader.border#646464
• sideBySideEditor.horizontalBorder#646464
• sideBySideEditor.verticalBorder#646464
• statusBar.background#2a2a6a
• statusBar.foreground#ffffff
• statusBar.noFolderBackground#2d2d2d
• statusBar.noFolderForeground#969696
• statusBarItem.hoverBackground#45605e
• tab.border#1e1e1e
• tab.hoverBackground#45605e
• tab.hoverForeground#ffffff
• tab.inactiveBackground#262625
• terminal.ansiBlack#000000
• terminal.ansiBlue#2fafff
• terminal.ansiBrightBlack#595959
• terminal.ansiBrightBlue#79a8ff
• terminal.ansiBrightCyan#6ae4b9
• terminal.ansiBrightGreen#00c06f
• terminal.ansiBrightMagenta#b6a0ff
• terminal.ansiBrightRed#ff6b55
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#ffa00f
• terminal.ansiCyan#00d3d0
• terminal.ansiGreen#44bc44
• terminal.ansiMagenta#feacd0
• terminal.ansiRed#ff5f59
• terminal.ansiWhite#989898
• terminal.ansiYellow#cabf00
• terminal.background#000000
• terminal.border#646464
• terminal.foreground#ffffff
• terminal.selectionBackground#5a5a5a
• textBlockQuote.background#1e1e1e
• textBlockQuote.border#646464
• textCodeBlock.background#1e1e1e
• textLink.activeForeground#79a8ff
• textLink.foreground#79a8ff
• textPreformat.background#1e1e1e
• textPreformat.foreground#6ae4b9
• textSeparator.foreground#646464
• titleBar.activeBackground#3f3f3f
• titleBar.activeForeground#ffffff
• walkThrough.embeddedEditorBackground#1e1e1e
• walkthrough.stepTitle.foreground#ffffff
• welcomePage.progress.background#303030
• welcomePage.progress.foreground#79a8ff
• welcomePage.tileBackground#1e1e1e
• welcomePage.tileBorder#646464
• welcomePage.tileHoverBackground#45605e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).