modus_operandi

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.activeBackground#ffffff
• activityBar.activeBorder#004488
• activityBar.activeFocusBorder#004488
• activityBar.background#f2f2f2
• activityBar.border#9f9f9f
• activityBar.foreground#000000
• activityBar.inactiveForeground#595959
• activityBarBadge.background#721045
• activityBarBadge.foreground#ffffff
• activityBarTop.activeBackground#ffffff
• activityBarTop.background#f2f2f2
• button.border#004488
• commandCenter.debuggingBackground#72104540
• contrastActiveBorder#ffffff
• contrastBorder#e0e0e0
• debugIcon.breakpointForeground#721045
• debugTokenExpression.name#721045
• debugToolBar.border#d0d0d0
• diffEditor.border#e0e0e0
• diffEditor.insertedTextBorder#b0d0b0
• diffEditor.removedTextBorder#d0a0a0
• diffEditorGutter.insertedLineBackground#e0f6e0
• diffEditorGutter.removedLineBackground#ffe8e8
• diffEditorOverview.insertedForeground#006800
• diffEditorOverview.removedForeground#a60000
• dropdown.listBackground#ffffff
• editor.background#ffffff
• editor.findMatchBackground#f3d000
• editor.findMatchBorder#004488
• editor.findMatchForeground#000000
• editor.findMatchHighlightBackground#a4d5f980
• editor.findMatchHighlightBorder#88aaff
• editor.findMatchHighlightForeground#00448890
• editor.findRangeHighlightBorder#d0e0f090
• editor.foreground#000000
• editor.hoverHighlightBackground#b2e4dc80
• editor.lineHighlightBackground#dae5ec
• editor.rangeHighlightBorder#b0d0f0
• editor.selectionBackground#bdbdbd
• editor.selectionForeground#000000
• editor.selectionHighlightBackground#dae5ec80
• editor.selectionHighlightBorder#d0e0f0
• editor.snippetFinalTabstopHighlightBackground#f3f9ff
• editor.snippetTabstopHighlightBorder#b0d0f0
• editor.symbolHighlightBorder#c0e0f0
• editor.wordHighlightBackground#c0deff80
• editor.wordHighlightBorder#c0d0e0
• editor.wordHighlightStrongBorder#88aaff
• editor.wordHighlightTextBorder#a0c8f0
• editorCursor.foreground#000000
• editorError.background#ffe8e890
• editorError.border#a60000
• editorGhostText.background#f0f8ff
• editorGhostText.border#e0e0e0
• editorGroup.dropIntoPromptBorder#004488
• editorGroup.emptyBackground#ffffff
• editorGroup.focusedEmptyBorder#004488
• editorGroupHeader.border#d0d0d0
• editorGroupHeader.tabsBorder#e0e0e0
• editorHint.border#d0e0f0
• editorIndentGuide.activeBackground1#c4c4c4
• editorIndentGuide.background1#e0e0e0
• editorInfo.background#e8f0ff90
• editorInfo.border#004488
• editorLineNumber.activeForeground#000000
• editorLineNumber.dimmedForeground#d0d0d0
• editorLineNumber.foreground#595959
• editorOverviewRuler.background#f8f8f8
• editorStickyScroll.border#e0e0e0
• editorSuggestWidget.selectedIconForeground#FFFFFF
• editorUnicodeHighlight.background#e8f8ff
• editorUnnecessaryCode.border#c0c0c0
• editorWarning.background#fff8e890
• editorWarning.border#6f5500
• editorWhitespace.foreground#e0e0e0
• editorWidget.resizeBorder#004488
• inputValidation.errorForeground#a60000
• inputValidation.infoForeground#005e8b
• inputValidation.warningForeground#6f5500
• list.activeSelectionIconForeground#FFFFFF
• list.filterMatchBorder#004488
• list.focusAndSelectionOutline#004488
• list.focusBackground#e0f0ff
• list.focusForeground#004488
• list.hoverForeground#0055bb
• list.inactiveFocusBackground#f0f8ff
• list.inactiveFocusOutline#c0d0e0
• list.inactiveSelectionForeground#004488
• list.inactiveSelectionIconForeground#0055bb
• menu.border#e0e0e0
• menu.selectionBorder#004488
• menubar.selectionBorder#88aaff
• merge.border#d0d0d0
• minimap.background#f8f8f8
• notebook.cellHoverBackground#f0f8ff
• notebook.focusedCellBackground#f3f9ff
• notebook.inactiveSelectedCellBorder#c0d0e0
• notebook.outputContainerBackgroundColor#ffffff
• notebook.outputContainerBorderColor#e0e0e0
• notificationCenter.border#d0d0d0
• notificationCenterHeader.foreground#004488
• notificationToast.border#d0e0f0
• outputView.background#f8f8f8
• outputViewStickyScroll.background#e8e8e8
• panelSectionHeader.border#e0e0e0
• panelSectionHeader.foreground#004488
• panelStickyScroll.border#d0d0d0
• panelTitle.border#d0d0d0
• peekViewEditor.matchHighlightBorder#004488
• quickInputList.focusIconForeground#FFFFFF
• radio.inactiveBackground#ffffff
• radio.inactiveForeground#888888
• searchEditor.findMatchBorder#004488
• selection.background#f0f8ff
• sideBar.border#e0e0e0
• sideBar.foreground#004488
• sideBarActivityBarTop.border#c0c0c0
• sideBarSectionHeader.border#d0e0f0
• sideBarSectionHeader.foreground#004488
• sideBarStickyScroll.border#e0e0e0
• sideBarTitle.border#d0e0f0
• sideBarTitle.foreground#004488
• statusBar.background#c8c8c8
• statusBar.border#5a5a5a
• statusBar.debuggingBackground#005e8b
• statusBar.debuggingForeground#ffffff
• statusBar.foreground#000000
• statusBar.noFolderBackground#c8c8c8
• statusBar.noFolderBorder#5a5a5a
• statusBar.noFolderForeground#000000
• tab.activeBorder#004488
• tab.activeBorderTop#88aaff
• tab.hoverBackground#e8f8ff
• tab.hoverBorder#88aaff
• tab.hoverForeground#004488
• tab.selectedBorderTop#004488
• tab.unfocusedActiveBorder#d0d0d0
• tab.unfocusedActiveBorderTop#e0e0e0
• tab.unfocusedHoverBackground#f0f8ff
• tab.unfocusedHoverBorder#c0d0e0
• tab.unfocusedHoverForeground#004488
• terminal.background#ffffff
• terminal.findMatchBorder#004488
• terminal.findMatchHighlightBorder#d0e0f0
• terminal.selectionForeground#004488
• terminal.tab.activeBorder#004488
• terminalCursor.background#ffffff
• terminalCursor.foreground#004488
• terminalStickyScroll.background#e8e8e8
• terminalStickyScroll.border#d0d0d0
• testing.message.error.lineBackground#ffe8e8
• testing.message.info.lineBackground#e8f8ff
• titleBar.border#e0e0e0
• toolbar.hoverOutline#004488
• widget.border#d0d0d0
• window.activeBorder#004488
• window.inactiveBorder#e0e0e0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).