blueprintMonacoTheme.ts

import type { editor } from "monaco-editor";
import { Colors } from "@blueprintjs/colors";

// Adapted from https://github.com/giladgray/vscode-theme-blueprint
export const MonacoThemeDark: editor.IStandaloneThemeData = {
    base: "vs-dark",
    colors: {
        focusBorder: Colors.BLUE2,
        foreground: Colors.GRAY5,
        "widget.shadow": Colors.BLACK,
        "selection.background": Colors.BLUE4,
        descriptionForeground: Colors.GRAY5,
        errorForeground: Colors.RED3,
        "badge.background": Colors.BLUE3,
        "button.background": Colors.BLUE3,
        "button.foreground": Colors.WHITE,
        "button.hoverBackground": Colors.BLUE4,
        "input.background": Colors.BLACK,
        "input.border": Colors.DARK_GRAY4,
        "input.placeholderForeground": Colors.GRAY5,
        "inputOption.activeBorder": Colors.BLUE4,
        "inputValidation.errorBorder": Colors.RED3,
        "inputValidation.infoBorder": Colors.BLUE3,
        "inputValidation.warningBorder": Colors.ORANGE3,
        "list.activeSelectionForeground": Colors.WHITE,
        "list.activeSelectionBackground": Colors.BLUE1,
        "list.hoverBackground": Colors.DARK_GRAY2,
        "list.inactiveSelectionBackground": Colors.BLUE1,
        "scrollbar.shadow": Colors.BLACK,
        "scrollbarSlider.background": Colors.GRAY2,
        "scrollbarSlider.hoverBackground": Colors.GRAY2,
        "scrollbarSlider.activeBackground": Colors.GRAY2,
        "activityBar.background": Colors.DARK_GRAY3,
        "sideBar.background": Colors.DARK_GRAY1,
        "sideBar.border": Colors.DARK_GRAY4,
        "sideBarSectionHeader.background": Colors.DARK_GRAY2,
        "editorGroupHeader.tabsBackground": Colors.DARK_GRAY1,
        "tab.inactiveBackground": Colors.DARK_GRAY2,
        "tab.activeBackground": Colors.DARK_GRAY3,
        "tab.activeBorder": Colors.BLUE3,
        "tab.border": Colors.DARK_GRAY4,
        "editorGroupHeader.tabsBorder": Colors.DARK_GRAY4,
        "panel.border": Colors.DARK_GRAY4,
        "panelTitle.activeBorder": Colors.BLUE3,
        "statusBar.background": Colors.BLUE3,
        "statusBar.foreground": Colors.WHITE,
        "statusBar.debuggingBackground": Colors.ROSE3,
        "statusBar.noFolderBackground": Colors.INDIGO3,
        "statusBarItem.prominentBackground": Colors.ORANGE3,
        "statusBarItem.prominentHoverBackground": Colors.ORANGE4,
        "editor.background": Colors.BLACK,
        "editor.foreground": Colors.GRAY5,
        "editor.lineHighlightBackground": Colors.DARK_GRAY2,
        "editor.selectionBackground": Colors.BLUE3,
        "editor.selectionHighlightBackground": Colors.BLUE3,
        "editorIndentGuide.background": Colors.DARK_GRAY3,
        "editorRuler.foreground": Colors.DARK_GRAY3,
        "editorCursor.foreground": Colors.LIGHT_GRAY5,
        "editorLineNumber.foreground": Colors.DARK_GRAY5,
        "editorLink.activeForeground": Colors.BLUE4,
        "editor.findMatchBackground": Colors.FOREST1,
        "editor.findMatchHighlightBackground": Colors.FOREST1,
        "editorWidget.background": Colors.BLACK,
        "editorWidget.border": Colors.FOREST1,
        "editorSuggestWidget.background": Colors.BLACK,
        "editorSuggestWidget.border": Colors.INDIGO1,
        "editorSuggestWidget.highlightForeground": Colors.INDIGO3,
        "editorSuggestWidget.selectedBackground": Colors.BLUE1,
        "editor.hoverHighlightBackground": Colors.DARK_GRAY5,
        "editorHoverWidget.border": Colors.DARK_GRAY5,
        "editorBracketMatch.border": Colors.BLUE3,
        "diffEditor.insertedTextBackground": Colors.GREEN2,
        "diffEditor.removedTextBackground": Colors.RED2,
        "editorError.foreground": Colors.RED3,
        "editorWarning.foreground": Colors.ORANGE3,
        "editorInfo.foreground": Colors.BLUE3,
        "editorOverviewRuler.border": Colors.DARK_GRAY4,
        "editorOverviewRuler.addedForeground": Colors.GREEN2,
        "editorOverviewRuler.deletedForeground": Colors.RED2,
        "editorOverviewRuler.errorForeground": Colors.RED3,
        "editorOverviewRuler.warningForeground": Colors.ORANGE3,
        "editorOverviewRuler.infoForeground": Colors.BLUE2,
        "editorGutter.modifiedBackground": Colors.BLUE2,
        "editorGutter.addedBackground": Colors.GREEN2,
        "editorGutter.deletedBackground": Colors.RED2,
        "gitDecoration.modifiedResourceForeground": Colors.ORANGE4,
        "gitDecoration.deletedResourceForeground": Colors.RED4,
        "gitDecoration.untrackedResourceForeground": Colors.GREEN4,
        "gitDecoration.ignoredResourceForeground": Colors.GRAY3,
        "gitDecoration.conflictingResourceForeground": Colors.INDIGO4,
        "debugToolBar.background": Colors.ROSE1,
        "welcomePage.buttonBackground": Colors.DARK_GRAY1,
        "welcomePage.buttonHoverBackground": Colors.DARK_GRAY2,
    },
    inherit: true,
    rules: [],
};