Variable PRIMER_VSCODE_COLOR_MAPConst

Type Declaration

• Readonlyaccent: {
      emphasis: "--vscode-button-background";
      fg: "--vscode-button-background";
      muted: "--vscode-button-secondaryBackground";
      subtle: "--vscode-button-secondaryBackground";
  }

  Accent colors - primary brand color (buttons, links)

• Readonlyattention: {
      emphasis: "--vscode-inputValidation-warningBackground";
      fg: "--vscode-editorWarning-foreground";
      muted: "--vscode-inputValidation-warningBorder";
      subtle: "--vscode-editorWarning-foreground";
  }

  Attention colors - warnings

• Readonlyborder: {
      default: "--vscode-panel-border";
      muted: "--vscode-editorWidget-border";
      subtle: "--vscode-input-border";
  }

  Border colors

• Readonlycanvas: {
      default: "--vscode-editor-background";
      inset: "--vscode-input-background";
      overlay: "--vscode-editorWidget-background";
      subtle: "--vscode-sideBar-background";
  }

  Canvas backgrounds - main surface colors

• Readonlydanger: {
      emphasis: "--vscode-inputValidation-errorBackground";
      fg: "--vscode-errorForeground";
      muted: "--vscode-inputValidation-errorBorder";
      subtle: "--vscode-errorForeground";
  }

  Danger colors - errors, destructive actions

• Readonlydone: {
      emphasis: "--vscode-terminal-ansiBlue";
      fg: "--vscode-terminal-ansiBlue";
      muted: "--vscode-terminal-ansiBlue";
      subtle: "--vscode-terminal-ansiBlue";
  }

  Done colors - completed states

• Readonlyfg: {
      default: "--vscode-editor-foreground";
      muted: "--vscode-descriptionForeground";
      onEmphasis: "--vscode-button-foreground";
      subtle: "--vscode-disabledForeground";
  }

  Foreground colors - text and icons

• Readonlystate: {
      focus: {
          border: "--vscode-focusBorder";
          shadow: "--vscode-focusBorder";
      };
      hover: {
          primaryBg: "--vscode-list-hoverBackground";
          primaryBorder: "--vscode-list-hoverBackground";
          secondaryBg: "--vscode-button-hoverBackground";
      };
      selected: {
          primaryBg: "--vscode-list-activeSelectionBackground";
          primaryBorder: "--vscode-list-activeSelectionBackground";
      };
  }

  Interactive state colors - hover, active, selected

• Readonlysuccess: {
      emphasis: "--vscode-terminal-ansiGreen";
      fg: "--vscode-terminal-ansiGreen";
      muted: "--vscode-terminal-ansiGreen";
      subtle: "--vscode-terminal-ansiGreen";
  }

  Success colors - successful states