Revert "feat(McpInstallButton): add icon-only mode, configurable header, theme-aware code blocks"

This reverts commit 983a136.

Author: scalvert

README.md

@@ -178,8 +178,7 @@ The button shows a dropdown with copy-to-clipboard configurations for all suppor
 |------|------|---------|-------------|
 | `serverUrl` | `string` | required | Your MCP server endpoint URL |
 | `serverName` | `string` | required | Name for the MCP server |
-| `label` | `string` | (none) | Button label. If omitted, shows only the MCP icon |
-| `headerText` | `string` | `"Choose your AI tool:"` | Text shown at the top of the dropdown |
+| `label` | `string` | `"Install MCP"` | Button label |
 | `className` | `string` | `""` | Optional CSS class |
 | `clients` | `ClientId[]` | All HTTP-capable | Which clients to show |
 

src/theme/McpInstallButton.tsx

@@ -133,14 +133,12 @@ export interface McpInstallButtonProps {
   serverUrl?: string;
   /** Server name. If not provided, uses plugin configuration. */
   serverName?: string;
-  /** Button label. If not provided, shows only the MCP icon. */
+  /** Button label (default: "Install docs MCP") */
   label?: string;
   /** Optional className for styling */
   className?: string;
   /** Clients to show. Defaults to all HTTP-capable clients from registry. */
   clients?: ClientId[];
-  /** Header text shown at top of dropdown (default: "Choose your AI tool:") */
-  headerText?: string;
 }
 
 /**
@@ -158,10 +156,9 @@ export interface McpInstallButtonProps {
 export function McpInstallButton({
   serverUrl: serverUrlProp,
   serverName: serverNameProp,
-  label,
+  label = 'Install docs MCP',
   className = '',
   clients: clientsProp,
-  headerText = 'Choose your AI tool:',
 }: McpInstallButtonProps) {
   const [isOpen, setIsOpen] = useState(false);
   const [copiedClient, setCopiedClient] = useState<string | null>(null);
@@ -284,20 +281,19 @@ export function McpInstallButton({
     <div ref={dropdownRef} className={dropdownClasses}>
       {/* Infima button classes */}
       <button
-        className={`button button--primary mcp-install-dropdown__button${label ? '' : ' mcp-install-dropdown__button--icon-only'}`}
+        className="button button--primary mcp-install-dropdown__button"
         onClick={() => setIsOpen(!isOpen)}
         aria-expanded={isOpen}
         aria-haspopup="true"
-        aria-label={label || 'Install MCP'}
       >
         <IconMcp size={16} />
-        {label && <span>{label}</span>}
+        <span>{label}</span>
         <IconChevron isOpen={isOpen} />
       </button>
 
       {/* Dropdown menu using Infima classes */}
       <ul className="dropdown__menu mcp-install-dropdown__menu">
-        <li className="mcp-install-dropdown__header">{headerText}</li>
+        <li className="mcp-install-dropdown__header">Choose your AI tool:</li>
 
         {clientConfigs.map((client) => {
           const command = getCommandForClient(client.id);
@@ -354,21 +350,9 @@ export function McpInstallButton({
       <style>{`
         .mcp-install-dropdown {
           --mcp-dropdown-width: 520px;
-          /* Light mode: grey code blocks */
-          --mcp-code-bg: #f3f4f6;
-          --mcp-code-color: #374151;
-          --mcp-copy-bg: #e5e7eb;
-          --mcp-copy-bg-hover: #d1d5db;
-          --mcp-copy-color: #6b7280;
-        }
-
-        /* Dark mode: dark code blocks */
-        [data-theme='dark'] .mcp-install-dropdown {
+          /* Always use dark code blocks for consistency across themes */
           --mcp-code-bg: #1e1e1e;
           --mcp-code-color: #e5e7eb;
-          --mcp-copy-bg: #374151;
-          --mcp-copy-bg-hover: #4b5563;
-          --mcp-copy-color: #9ca3af;
         }
 
         .mcp-install-dropdown__button {
@@ -377,11 +361,6 @@ export function McpInstallButton({
           gap: 0.5rem;
         }
 
-        .mcp-install-dropdown__button--icon-only {
-          padding: 0.5rem 0.75rem;
-          gap: 0.25rem;
-        }
-
         .mcp-install-dropdown__menu {
           width: var(--mcp-dropdown-width);
           padding: 0;
@@ -481,15 +460,15 @@ export function McpInstallButton({
           align-items: center;
           justify-content: center;
           width: 2.75rem;
-          background-color: var(--mcp-copy-bg);
+          background-color: var(--ifm-color-gray-800, #374151);
           border: none;
           cursor: pointer;
-          color: var(--mcp-copy-color);
+          color: var(--ifm-color-gray-400, #9ca3af);
           transition: background-color var(--ifm-transition-fast);
         }
 
         .mcp-code-block__copy:hover {
-          background-color: var(--mcp-copy-bg-hover);
+          background-color: var(--ifm-color-gray-700, #4b5563);
         }
 
         .mcp-code-block__icon {