@calliopelabs/ui 0.13.0 → 0.16.0

package/dist/tokens/vscode.css

@@ -0,0 +1,1138 @@
+/*
+ * @calliopelabs/ui tokens as VS Code webview fallbacks (--vscode-*).
+ * Generated by `npm run theme` from the design tokens (tokens/*.json). Do not edit by hand.
+ *
+ * Inside a VS Code webview the host sets every --vscode-* variable
+ * inline on <html>, so the editor's theme wins and these never show. Outside
+ * VS Code (a browser preview, Storybook, a test) they stand in, so a webview
+ * written against --vscode-* looks like Calliope AI. data-ground and
+ * data-accent on <html> choose the ground and accent. See README.vscode.md.
+ */
+
+/* Default: Black ground, Green accent */
+:root {
+  --vscode-font-family: var(--font-plex-sans, "IBM Plex Sans"), system-ui, sans-serif;
+  --vscode-editor-font-family: var(--font-plex-mono, "IBM Plex Mono"), ui-monospace, SFMono-Regular, Menlo, monospace;
+  --vscode-foreground: #f0f2f1;
+  --vscode-descriptionForeground: #848b88;
+  --vscode-disabledForeground: #848b88;
+  --vscode-errorForeground: #ff8a8a;
+  --vscode-focusBorder: #2f9e52;
+  --vscode-widget-border: rgba(255, 255, 255, 0.1);
+  --vscode-selection-background: rgba(47, 158, 82, 0.16);
+  --vscode-icon-foreground: #f0f2f1;
+  --vscode-textLink-foreground: #2f9e52;
+  --vscode-textLink-activeForeground: #2f9e52;
+  --vscode-textPreformat-foreground: #f0f2f1;
+  --vscode-textBlockQuote-background: #111111;
+  --vscode-textCodeBlock-background: #111111;
+  --vscode-textSeparator-foreground: rgba(255, 255, 255, 0.1);
+  --vscode-editor-background: #000000;
+  --vscode-editor-foreground: #f0f2f1;
+  --vscode-editorWidget-background: #141414;
+  --vscode-editorWidget-foreground: #f0f2f1;
+  --vscode-editorWidget-border: rgba(255, 255, 255, 0.1);
+  --vscode-editorHoverWidget-background: #141414;
+  --vscode-editorHoverWidget-border: rgba(255, 255, 255, 0.1);
+  --vscode-editorError-foreground: #ff6b6b;
+  --vscode-editorWarning-foreground: #f0c34e;
+  --vscode-editorInfo-foreground: #2f9e52;
+  --vscode-button-background: #2f9e52;
+  --vscode-button-foreground: #04241b;
+  --vscode-button-hoverBackground: #2f9e52;
+  --vscode-button-secondaryBackground: #161616;
+  --vscode-button-secondaryForeground: #f0f2f1;
+  --vscode-button-secondaryHoverBackground: #1b1b1b;
+  --vscode-input-background: #000000;
+  --vscode-input-foreground: #f0f2f1;
+  --vscode-input-border: rgba(255, 255, 255, 0.1);
+  --vscode-input-placeholderForeground: #848b88;
+  --vscode-inputOption-activeBorder: #2f9e52;
+  --vscode-inputValidation-errorBackground: rgba(255, 107, 107, 0.1);
+  --vscode-inputValidation-errorBorder: rgba(255, 107, 107, 0.35);
+  --vscode-notificationsErrorIcon-foreground: #ff6b6b;
+  --vscode-inputValidation-warningBackground: rgba(240, 195, 78, 0.1);
+  --vscode-inputValidation-warningBorder: rgba(240, 195, 78, 0.35);
+  --vscode-notificationsWarningIcon-foreground: #f0c34e;
+  --vscode-inputValidation-infoBackground: rgba(47, 158, 82, 0.14);
+  --vscode-inputValidation-infoBorder: rgba(47, 158, 82, 0.4);
+  --vscode-notificationsInfoIcon-foreground: #2f9e52;
+  --vscode-dropdown-background: #141414;
+  --vscode-dropdown-foreground: #f0f2f1;
+  --vscode-dropdown-border: rgba(255, 255, 255, 0.1);
+  --vscode-checkbox-background: #000000;
+  --vscode-checkbox-foreground: #f0f2f1;
+  --vscode-checkbox-border: rgba(255, 255, 255, 0.1);
+  --vscode-badge-background: #161616;
+  --vscode-badge-foreground: #f0f2f1;
+  --vscode-progressBar-background: #2f9e52;
+  --vscode-list-activeSelectionBackground: #1b1b1b;
+  --vscode-list-activeSelectionForeground: #f0f2f1;
+  --vscode-list-inactiveSelectionBackground: #161616;
+  --vscode-list-hoverBackground: #1b1b1b;
+  --vscode-list-focusOutline: #2f9e52;
+  --vscode-menu-background: #141414;
+  --vscode-menu-foreground: #f0f2f1;
+  --vscode-menu-selectionBackground: #1b1b1b;
+  --vscode-quickInput-background: #141414;
+  --vscode-quickInput-foreground: #f0f2f1;
+  --vscode-notifications-background: #141414;
+  --vscode-notifications-foreground: #f0f2f1;
+  --vscode-notifications-border: rgba(255, 255, 255, 0.1);
+  --vscode-sideBar-background: #0a0a0a;
+  --vscode-sideBar-foreground: #f0f2f1;
+  --vscode-sideBar-border: rgba(255, 255, 255, 0.08);
+  --vscode-panel-background: #0a0a0a;
+  --vscode-panel-border: rgba(255, 255, 255, 0.1);
+  --vscode-toolbar-hoverBackground: #1b1b1b;
+  --vscode-testing-iconPassed: #8fd82a;
+  --vscode-charts-foreground: #f0f2f1;
+  --vscode-charts-lines: rgba(255, 255, 255, 0.1);
+  --vscode-charts-red: #ff6b6b;
+  --vscode-charts-yellow: #f0c34e;
+  --vscode-charts-green: #8fd82a;
+}
+
+/* Ground: Black (dark) */
+[data-ground="black"] {
+  --vscode-foreground: #f0f2f1;
+  --vscode-descriptionForeground: #848b88;
+  --vscode-disabledForeground: #848b88;
+  --vscode-errorForeground: #ff8a8a;
+  --vscode-focusBorder: #2f9e52;
+  --vscode-widget-border: rgba(255, 255, 255, 0.1);
+  --vscode-selection-background: rgba(47, 158, 82, 0.16);
+  --vscode-icon-foreground: #f0f2f1;
+  --vscode-textLink-foreground: #2f9e52;
+  --vscode-textLink-activeForeground: #2f9e52;
+  --vscode-textPreformat-foreground: #f0f2f1;
+  --vscode-textBlockQuote-background: #111111;
+  --vscode-textCodeBlock-background: #111111;
+  --vscode-textSeparator-foreground: rgba(255, 255, 255, 0.1);
+  --vscode-editor-background: #000000;
+  --vscode-editor-foreground: #f0f2f1;
+  --vscode-editorWidget-background: #141414;
+  --vscode-editorWidget-foreground: #f0f2f1;
+  --vscode-editorWidget-border: rgba(255, 255, 255, 0.1);
+  --vscode-editorHoverWidget-background: #141414;
+  --vscode-editorHoverWidget-border: rgba(255, 255, 255, 0.1);
+  --vscode-editorError-foreground: #ff6b6b;
+  --vscode-editorWarning-foreground: #f0c34e;
+  --vscode-editorInfo-foreground: #2f9e52;
+  --vscode-button-background: #2f9e52;
+  --vscode-button-foreground: #04241b;
+  --vscode-button-hoverBackground: #2f9e52;
+  --vscode-button-secondaryBackground: #161616;
+  --vscode-button-secondaryForeground: #f0f2f1;
+  --vscode-button-secondaryHoverBackground: #1b1b1b;
+  --vscode-input-background: #000000;
+  --vscode-input-foreground: #f0f2f1;
+  --vscode-input-border: rgba(255, 255, 255, 0.1);
+  --vscode-input-placeholderForeground: #848b88;
+  --vscode-inputOption-activeBorder: #2f9e52;
+  --vscode-inputValidation-errorBackground: rgba(255, 107, 107, 0.1);
+  --vscode-inputValidation-errorBorder: rgba(255, 107, 107, 0.35);
+  --vscode-notificationsErrorIcon-foreground: #ff6b6b;
+  --vscode-inputValidation-warningBackground: rgba(240, 195, 78, 0.1);
+  --vscode-inputValidation-warningBorder: rgba(240, 195, 78, 0.35);
+  --vscode-notificationsWarningIcon-foreground: #f0c34e;
+  --vscode-inputValidation-infoBackground: rgba(47, 158, 82, 0.14);
+  --vscode-inputValidation-infoBorder: rgba(47, 158, 82, 0.4);
+  --vscode-notificationsInfoIcon-foreground: #2f9e52;
+  --vscode-dropdown-background: #141414;
+  --vscode-dropdown-foreground: #f0f2f1;
+  --vscode-dropdown-border: rgba(255, 255, 255, 0.1);
+  --vscode-checkbox-background: #000000;
+  --vscode-checkbox-foreground: #f0f2f1;
+  --vscode-checkbox-border: rgba(255, 255, 255, 0.1);
+  --vscode-badge-background: #161616;
+  --vscode-badge-foreground: #f0f2f1;
+  --vscode-progressBar-background: #2f9e52;
+  --vscode-list-activeSelectionBackground: #1b1b1b;
+  --vscode-list-activeSelectionForeground: #f0f2f1;
+  --vscode-list-inactiveSelectionBackground: #161616;
+  --vscode-list-hoverBackground: #1b1b1b;
+  --vscode-list-focusOutline: #2f9e52;
+  --vscode-menu-background: #141414;
+  --vscode-menu-foreground: #f0f2f1;
+  --vscode-menu-selectionBackground: #1b1b1b;
+  --vscode-quickInput-background: #141414;
+  --vscode-quickInput-foreground: #f0f2f1;
+  --vscode-notifications-background: #141414;
+  --vscode-notifications-foreground: #f0f2f1;
+  --vscode-notifications-border: rgba(255, 255, 255, 0.1);
+  --vscode-sideBar-background: #0a0a0a;
+  --vscode-sideBar-foreground: #f0f2f1;
+  --vscode-sideBar-border: rgba(255, 255, 255, 0.08);
+  --vscode-panel-background: #0a0a0a;
+  --vscode-panel-border: rgba(255, 255, 255, 0.1);
+  --vscode-toolbar-hoverBackground: #1b1b1b;
+  --vscode-testing-iconPassed: #8fd82a;
+  --vscode-charts-foreground: #f0f2f1;
+  --vscode-charts-lines: rgba(255, 255, 255, 0.1);
+  --vscode-charts-red: #ff6b6b;
+  --vscode-charts-yellow: #f0c34e;
+  --vscode-charts-green: #8fd82a;
+}
+
+/* Accent: Green on Black */
+[data-ground="black"][data-accent="green"] {
+  --vscode-focusBorder: #2f9e52;
+  --vscode-selection-background: rgba(47, 158, 82, 0.16);
+  --vscode-textLink-foreground: #2f9e52;
+  --vscode-textLink-activeForeground: #2f9e52;
+  --vscode-button-background: #2f9e52;
+  --vscode-button-foreground: #04241b;
+  --vscode-button-hoverBackground: #2f9e52;
+  --vscode-inputOption-activeBorder: #2f9e52;
+  --vscode-progressBar-background: #2f9e52;
+  --vscode-list-focusOutline: #2f9e52;
+}
+
+/* Accent: Copper on Black */
+[data-ground="black"][data-accent="copper"] {
+  --vscode-focusBorder: #c97b4a;
+  --vscode-selection-background: rgba(201, 123, 74, 0.16);
+  --vscode-textLink-foreground: #c97b4a;
+  --vscode-textLink-activeForeground: #c97b4a;
+  --vscode-button-background: #c97b4a;
+  --vscode-button-foreground: #140a04;
+  --vscode-button-hoverBackground: #c97b4a;
+  --vscode-inputOption-activeBorder: #c97b4a;
+  --vscode-progressBar-background: #c97b4a;
+  --vscode-list-focusOutline: #c97b4a;
+}
+
+/* Accent: Ice on Black */
+[data-ground="black"][data-accent="ice"] {
+  --vscode-focusBorder: #6e9fc4;
+  --vscode-selection-background: rgba(110, 159, 196, 0.16);
+  --vscode-textLink-foreground: #6e9fc4;
+  --vscode-textLink-activeForeground: #6e9fc4;
+  --vscode-button-background: #6e9fc4;
+  --vscode-button-foreground: #06131c;
+  --vscode-button-hoverBackground: #6e9fc4;
+  --vscode-inputOption-activeBorder: #6e9fc4;
+  --vscode-progressBar-background: #6e9fc4;
+  --vscode-list-focusOutline: #6e9fc4;
+}
+
+/* Accent: Periwinkle on Black */
+[data-ground="black"][data-accent="periwinkle"] {
+  --vscode-focusBorder: #8b8fd9;
+  --vscode-selection-background: rgba(139, 143, 217, 0.16);
+  --vscode-textLink-foreground: #8b8fd9;
+  --vscode-textLink-activeForeground: #8b8fd9;
+  --vscode-button-background: #8b8fd9;
+  --vscode-button-foreground: #0b0c1a;
+  --vscode-button-hoverBackground: #8b8fd9;
+  --vscode-inputOption-activeBorder: #8b8fd9;
+  --vscode-progressBar-background: #8b8fd9;
+  --vscode-list-focusOutline: #8b8fd9;
+}
+
+/* Accent: Amber on Black */
+[data-ground="black"][data-accent="amber"] {
+  --vscode-focusBorder: #e0b34a;
+  --vscode-selection-background: rgba(224, 179, 74, 0.16);
+  --vscode-textLink-foreground: #e0b34a;
+  --vscode-textLink-activeForeground: #e0b34a;
+  --vscode-button-background: #e0b34a;
+  --vscode-button-foreground: #1a1204;
+  --vscode-button-hoverBackground: #e0b34a;
+  --vscode-inputOption-activeBorder: #e0b34a;
+  --vscode-progressBar-background: #e0b34a;
+  --vscode-list-focusOutline: #e0b34a;
+}
+
+/* Ground: Charcoal (dark) */
+[data-ground="charcoal"] {
+  --vscode-foreground: #f0f2f1;
+  --vscode-descriptionForeground: #8b9194;
+  --vscode-disabledForeground: #8b9194;
+  --vscode-errorForeground: #ff8a8a;
+  --vscode-focusBorder: #2f9e52;
+  --vscode-widget-border: rgba(255, 255, 255, 0.1);
+  --vscode-selection-background: rgba(47, 158, 82, 0.16);
+  --vscode-icon-foreground: #f0f2f1;
+  --vscode-textLink-foreground: #2f9e52;
+  --vscode-textLink-activeForeground: #2f9e52;
+  --vscode-textPreformat-foreground: #f0f2f1;
+  --vscode-textBlockQuote-background: #191b1c;
+  --vscode-textCodeBlock-background: #191b1c;
+  --vscode-textSeparator-foreground: rgba(255, 255, 255, 0.1);
+  --vscode-editor-background: #0e0f10;
+  --vscode-editor-foreground: #f0f2f1;
+  --vscode-editorWidget-background: #1e2022;
+  --vscode-editorWidget-foreground: #f0f2f1;
+  --vscode-editorWidget-border: rgba(255, 255, 255, 0.1);
+  --vscode-editorHoverWidget-background: #1e2022;
+  --vscode-editorHoverWidget-border: rgba(255, 255, 255, 0.1);
+  --vscode-editorError-foreground: #ff6b6b;
+  --vscode-editorWarning-foreground: #f0c34e;
+  --vscode-editorInfo-foreground: #2f9e52;
+  --vscode-button-background: #2f9e52;
+  --vscode-button-foreground: #04241b;
+  --vscode-button-hoverBackground: #2f9e52;
+  --vscode-button-secondaryBackground: #202325;
+  --vscode-button-secondaryForeground: #f0f2f1;
+  --vscode-button-secondaryHoverBackground: #232628;
+  --vscode-input-background: #0e0f10;
+  --vscode-input-foreground: #f0f2f1;
+  --vscode-input-border: rgba(255, 255, 255, 0.1);
+  --vscode-input-placeholderForeground: #8b9194;
+  --vscode-inputOption-activeBorder: #2f9e52;
+  --vscode-inputValidation-errorBackground: rgba(255, 107, 107, 0.1);
+  --vscode-inputValidation-errorBorder: rgba(255, 107, 107, 0.35);
+  --vscode-notificationsErrorIcon-foreground: #ff6b6b;
+  --vscode-inputValidation-warningBackground: rgba(240, 195, 78, 0.1);
+  --vscode-inputValidation-warningBorder: rgba(240, 195, 78, 0.35);
+  --vscode-notificationsWarningIcon-foreground: #f0c34e;
+  --vscode-inputValidation-infoBackground: rgba(47, 158, 82, 0.14);
+  --vscode-inputValidation-infoBorder: rgba(47, 158, 82, 0.4);
+  --vscode-notificationsInfoIcon-foreground: #2f9e52;
+  --vscode-dropdown-background: #1e2022;
+  --vscode-dropdown-foreground: #f0f2f1;
+  --vscode-dropdown-border: rgba(255, 255, 255, 0.1);
+  --vscode-checkbox-background: #0e0f10;
+  --vscode-checkbox-foreground: #f0f2f1;
+  --vscode-checkbox-border: rgba(255, 255, 255, 0.1);
+  --vscode-badge-background: #202325;
+  --vscode-badge-foreground: #f0f2f1;
+  --vscode-progressBar-background: #2f9e52;
+  --vscode-list-activeSelectionBackground: #232628;
+  --vscode-list-activeSelectionForeground: #f0f2f1;
+  --vscode-list-inactiveSelectionBackground: #202325;
+  --vscode-list-hoverBackground: #232628;
+  --vscode-list-focusOutline: #2f9e52;
+  --vscode-menu-background: #1e2022;
+  --vscode-menu-foreground: #f0f2f1;
+  --vscode-menu-selectionBackground: #232628;
+  --vscode-quickInput-background: #1e2022;
+  --vscode-quickInput-foreground: #f0f2f1;
+  --vscode-notifications-background: #1e2022;
+  --vscode-notifications-foreground: #f0f2f1;
+  --vscode-notifications-border: rgba(255, 255, 255, 0.1);
+  --vscode-sideBar-background: #161819;
+  --vscode-sideBar-foreground: #f0f2f1;
+  --vscode-sideBar-border: rgba(255, 255, 255, 0.08);
+  --vscode-panel-background: #161819;
+  --vscode-panel-border: rgba(255, 255, 255, 0.1);
+  --vscode-toolbar-hoverBackground: #232628;
+  --vscode-testing-iconPassed: #8fd82a;
+  --vscode-charts-foreground: #f0f2f1;
+  --vscode-charts-lines: rgba(255, 255, 255, 0.1);
+  --vscode-charts-red: #ff6b6b;
+  --vscode-charts-yellow: #f0c34e;
+  --vscode-charts-green: #8fd82a;
+}
+
+/* Accent: Green on Charcoal */
+[data-ground="charcoal"][data-accent="green"] {
+  --vscode-focusBorder: #2f9e52;
+  --vscode-selection-background: rgba(47, 158, 82, 0.16);
+  --vscode-textLink-foreground: #2f9e52;
+  --vscode-textLink-activeForeground: #2f9e52;
+  --vscode-button-background: #2f9e52;
+  --vscode-button-foreground: #04241b;
+  --vscode-button-hoverBackground: #2f9e52;
+  --vscode-inputOption-activeBorder: #2f9e52;
+  --vscode-progressBar-background: #2f9e52;
+  --vscode-list-focusOutline: #2f9e52;
+}
+
+/* Accent: Copper on Charcoal */
+[data-ground="charcoal"][data-accent="copper"] {
+  --vscode-focusBorder: #c97b4a;
+  --vscode-selection-background: rgba(201, 123, 74, 0.16);
+  --vscode-textLink-foreground: #c97b4a;
+  --vscode-textLink-activeForeground: #c97b4a;
+  --vscode-button-background: #c97b4a;
+  --vscode-button-foreground: #140a04;
+  --vscode-button-hoverBackground: #c97b4a;
+  --vscode-inputOption-activeBorder: #c97b4a;
+  --vscode-progressBar-background: #c97b4a;
+  --vscode-list-focusOutline: #c97b4a;
+}
+
+/* Accent: Ice on Charcoal */
+[data-ground="charcoal"][data-accent="ice"] {
+  --vscode-focusBorder: #6e9fc4;
+  --vscode-selection-background: rgba(110, 159, 196, 0.16);
+  --vscode-textLink-foreground: #6e9fc4;
+  --vscode-textLink-activeForeground: #6e9fc4;
+  --vscode-button-background: #6e9fc4;
+  --vscode-button-foreground: #06131c;
+  --vscode-button-hoverBackground: #6e9fc4;
+  --vscode-inputOption-activeBorder: #6e9fc4;
+  --vscode-progressBar-background: #6e9fc4;
+  --vscode-list-focusOutline: #6e9fc4;
+}
+
+/* Accent: Periwinkle on Charcoal */
+[data-ground="charcoal"][data-accent="periwinkle"] {
+  --vscode-focusBorder: #8b8fd9;
+  --vscode-selection-background: rgba(139, 143, 217, 0.16);
+  --vscode-textLink-foreground: #8b8fd9;
+  --vscode-textLink-activeForeground: #8b8fd9;
+  --vscode-button-background: #8b8fd9;
+  --vscode-button-foreground: #0b0c1a;
+  --vscode-button-hoverBackground: #8b8fd9;
+  --vscode-inputOption-activeBorder: #8b8fd9;
+  --vscode-progressBar-background: #8b8fd9;
+  --vscode-list-focusOutline: #8b8fd9;
+}
+
+/* Accent: Amber on Charcoal */
+[data-ground="charcoal"][data-accent="amber"] {
+  --vscode-focusBorder: #e0b34a;
+  --vscode-selection-background: rgba(224, 179, 74, 0.16);
+  --vscode-textLink-foreground: #e0b34a;
+  --vscode-textLink-activeForeground: #e0b34a;
+  --vscode-button-background: #e0b34a;
+  --vscode-button-foreground: #1a1204;
+  --vscode-button-hoverBackground: #e0b34a;
+  --vscode-inputOption-activeBorder: #e0b34a;
+  --vscode-progressBar-background: #e0b34a;
+  --vscode-list-focusOutline: #e0b34a;
+}
+
+/* Ground: Graphite (dark) */
+[data-ground="graphite"] {
+  --vscode-foreground: #f0f2f1;
+  --vscode-descriptionForeground: #8e9296;
+  --vscode-disabledForeground: #8e9296;
+  --vscode-errorForeground: #ff8a8a;
+  --vscode-focusBorder: #2f9e52;
+  --vscode-widget-border: rgba(255, 255, 255, 0.09);
+  --vscode-selection-background: rgba(47, 158, 82, 0.14);
+  --vscode-icon-foreground: #f0f2f1;
+  --vscode-textLink-foreground: #2f9e52;
+  --vscode-textLink-activeForeground: #2f9e52;
+  --vscode-textPreformat-foreground: #f0f2f1;
+  --vscode-textBlockQuote-background: #1b1c1e;
+  --vscode-textCodeBlock-background: #1b1c1e;
+  --vscode-textSeparator-foreground: rgba(255, 255, 255, 0.09);
+  --vscode-editor-background: #111214;
+  --vscode-editor-foreground: #f0f2f1;
+  --vscode-editorWidget-background: #202124;
+  --vscode-editorWidget-foreground: #f0f2f1;
+  --vscode-editorWidget-border: rgba(255, 255, 255, 0.09);
+  --vscode-editorHoverWidget-background: #202124;
+  --vscode-editorHoverWidget-border: rgba(255, 255, 255, 0.09);
+  --vscode-editorError-foreground: #ff6b6b;
+  --vscode-editorWarning-foreground: #f0c34e;
+  --vscode-editorInfo-foreground: #2f9e52;
+  --vscode-button-background: #2f9e52;
+  --vscode-button-foreground: #04241b;
+  --vscode-button-hoverBackground: #2f9e52;
+  --vscode-button-secondaryBackground: #222326;
+  --vscode-button-secondaryForeground: #f0f2f1;
+  --vscode-button-secondaryHoverBackground: #26272a;
+  --vscode-input-background: #111214;
+  --vscode-input-foreground: #f0f2f1;
+  --vscode-input-border: rgba(255, 255, 255, 0.1);
+  --vscode-input-placeholderForeground: #8e9296;
+  --vscode-inputOption-activeBorder: #2f9e52;
+  --vscode-inputValidation-errorBackground: rgba(255, 107, 107, 0.1);
+  --vscode-inputValidation-errorBorder: rgba(255, 107, 107, 0.35);
+  --vscode-notificationsErrorIcon-foreground: #ff6b6b;
+  --vscode-inputValidation-warningBackground: rgba(240, 195, 78, 0.1);
+  --vscode-inputValidation-warningBorder: rgba(240, 195, 78, 0.35);
+  --vscode-notificationsWarningIcon-foreground: #f0c34e;
+  --vscode-inputValidation-infoBackground: rgba(47, 158, 82, 0.14);
+  --vscode-inputValidation-infoBorder: rgba(47, 158, 82, 0.4);
+  --vscode-notificationsInfoIcon-foreground: #2f9e52;
+  --vscode-dropdown-background: #202124;
+  --vscode-dropdown-foreground: #f0f2f1;
+  --vscode-dropdown-border: rgba(255, 255, 255, 0.1);
+  --vscode-checkbox-background: #111214;
+  --vscode-checkbox-foreground: #f0f2f1;
+  --vscode-checkbox-border: rgba(255, 255, 255, 0.1);
+  --vscode-badge-background: #222326;
+  --vscode-badge-foreground: #f0f2f1;
+  --vscode-progressBar-background: #2f9e52;
+  --vscode-list-activeSelectionBackground: #26272a;
+  --vscode-list-activeSelectionForeground: #f0f2f1;
+  --vscode-list-inactiveSelectionBackground: #222326;
+  --vscode-list-hoverBackground: #26272a;
+  --vscode-list-focusOutline: #2f9e52;
+  --vscode-menu-background: #202124;
+  --vscode-menu-foreground: #f0f2f1;
+  --vscode-menu-selectionBackground: #26272a;
+  --vscode-quickInput-background: #202124;
+  --vscode-quickInput-foreground: #f0f2f1;
+  --vscode-notifications-background: #202124;
+  --vscode-notifications-foreground: #f0f2f1;
+  --vscode-notifications-border: rgba(255, 255, 255, 0.09);
+  --vscode-sideBar-background: #161719;
+  --vscode-sideBar-foreground: #f0f2f1;
+  --vscode-sideBar-border: rgba(255, 255, 255, 0.07);
+  --vscode-panel-background: #18191b;
+  --vscode-panel-border: rgba(255, 255, 255, 0.09);
+  --vscode-toolbar-hoverBackground: #26272a;
+  --vscode-testing-iconPassed: #8fd82a;
+  --vscode-charts-foreground: #f0f2f1;
+  --vscode-charts-lines: rgba(255, 255, 255, 0.09);
+  --vscode-charts-red: #ff6b6b;
+  --vscode-charts-yellow: #f0c34e;
+  --vscode-charts-green: #8fd82a;
+}
+
+/* Accent: Green on Graphite */
+[data-ground="graphite"][data-accent="green"] {
+  --vscode-focusBorder: #2f9e52;
+  --vscode-selection-background: rgba(47, 158, 82, 0.14);
+  --vscode-textLink-foreground: #2f9e52;
+  --vscode-textLink-activeForeground: #2f9e52;
+  --vscode-button-background: #2f9e52;
+  --vscode-button-foreground: #04241b;
+  --vscode-button-hoverBackground: #2f9e52;
+  --vscode-inputOption-activeBorder: #2f9e52;
+  --vscode-progressBar-background: #2f9e52;
+  --vscode-list-focusOutline: #2f9e52;
+}
+
+/* Accent: Copper on Graphite */
+[data-ground="graphite"][data-accent="copper"] {
+  --vscode-focusBorder: #c97b4a;
+  --vscode-selection-background: rgba(201, 123, 74, 0.14);
+  --vscode-textLink-foreground: #c97b4a;
+  --vscode-textLink-activeForeground: #c97b4a;
+  --vscode-button-background: #c97b4a;
+  --vscode-button-foreground: #140a04;
+  --vscode-button-hoverBackground: #c97b4a;
+  --vscode-inputOption-activeBorder: #c97b4a;
+  --vscode-progressBar-background: #c97b4a;
+  --vscode-list-focusOutline: #c97b4a;
+}
+
+/* Accent: Ice on Graphite */
+[data-ground="graphite"][data-accent="ice"] {
+  --vscode-focusBorder: #6e9fc4;
+  --vscode-selection-background: rgba(110, 159, 196, 0.14);
+  --vscode-textLink-foreground: #6e9fc4;
+  --vscode-textLink-activeForeground: #6e9fc4;
+  --vscode-button-background: #6e9fc4;
+  --vscode-button-foreground: #06131c;
+  --vscode-button-hoverBackground: #6e9fc4;
+  --vscode-inputOption-activeBorder: #6e9fc4;
+  --vscode-progressBar-background: #6e9fc4;
+  --vscode-list-focusOutline: #6e9fc4;
+}
+
+/* Accent: Periwinkle on Graphite */
+[data-ground="graphite"][data-accent="periwinkle"] {
+  --vscode-focusBorder: #8b8fd9;
+  --vscode-selection-background: rgba(139, 143, 217, 0.14);
+  --vscode-textLink-foreground: #8b8fd9;
+  --vscode-textLink-activeForeground: #8b8fd9;
+  --vscode-button-background: #8b8fd9;
+  --vscode-button-foreground: #0b0c1a;
+  --vscode-button-hoverBackground: #8b8fd9;
+  --vscode-inputOption-activeBorder: #8b8fd9;
+  --vscode-progressBar-background: #8b8fd9;
+  --vscode-list-focusOutline: #8b8fd9;
+}
+
+/* Accent: Amber on Graphite */
+[data-ground="graphite"][data-accent="amber"] {
+  --vscode-focusBorder: #e0b34a;
+  --vscode-selection-background: rgba(224, 179, 74, 0.14);
+  --vscode-textLink-foreground: #e0b34a;
+  --vscode-textLink-activeForeground: #e0b34a;
+  --vscode-button-background: #e0b34a;
+  --vscode-button-foreground: #1a1204;
+  --vscode-button-hoverBackground: #e0b34a;
+  --vscode-inputOption-activeBorder: #e0b34a;
+  --vscode-progressBar-background: #e0b34a;
+  --vscode-list-focusOutline: #e0b34a;
+}
+
+/* Ground: Emerald (dark) */
+[data-ground="emerald"] {
+  --vscode-foreground: #f0f2f1;
+  --vscode-descriptionForeground: #8ba199;
+  --vscode-disabledForeground: #8ba199;
+  --vscode-errorForeground: #ff8a8a;
+  --vscode-focusBorder: #2f9e52;
+  --vscode-widget-border: rgba(255, 255, 255, 0.1);
+  --vscode-selection-background: rgba(47, 158, 82, 0.16);
+  --vscode-icon-foreground: #f0f2f1;
+  --vscode-textLink-foreground: #2f9e52;
+  --vscode-textLink-activeForeground: #2f9e52;
+  --vscode-textPreformat-foreground: #f0f2f1;
+  --vscode-textBlockQuote-background: #101a15;
+  --vscode-textCodeBlock-background: #101a15;
+  --vscode-textSeparator-foreground: rgba(255, 255, 255, 0.1);
+  --vscode-editor-background: #050b08;
+  --vscode-editor-foreground: #f0f2f1;
+  --vscode-editorWidget-background: #0d1814;
+  --vscode-editorWidget-foreground: #f0f2f1;
+  --vscode-editorWidget-border: rgba(255, 255, 255, 0.1);
+  --vscode-editorHoverWidget-background: #0d1814;
+  --vscode-editorHoverWidget-border: rgba(255, 255, 255, 0.1);
+  --vscode-editorError-foreground: #ff6b6b;
+  --vscode-editorWarning-foreground: #f0c34e;
+  --vscode-editorInfo-foreground: #2f9e52;
+  --vscode-button-background: #2f9e52;
+  --vscode-button-foreground: #04241b;
+  --vscode-button-hoverBackground: #2f9e52;
+  --vscode-button-secondaryBackground: #121d18;
+  --vscode-button-secondaryForeground: #f0f2f1;
+  --vscode-button-secondaryHoverBackground: #16261f;
+  --vscode-input-background: #050b08;
+  --vscode-input-foreground: #f0f2f1;
+  --vscode-input-border: rgba(255, 255, 255, 0.1);
+  --vscode-input-placeholderForeground: #8ba199;
+  --vscode-inputOption-activeBorder: #2f9e52;
+  --vscode-inputValidation-errorBackground: rgba(255, 107, 107, 0.1);
+  --vscode-inputValidation-errorBorder: rgba(255, 107, 107, 0.35);
+  --vscode-notificationsErrorIcon-foreground: #ff6b6b;
+  --vscode-inputValidation-warningBackground: rgba(240, 195, 78, 0.1);
+  --vscode-inputValidation-warningBorder: rgba(240, 195, 78, 0.35);
+  --vscode-notificationsWarningIcon-foreground: #f0c34e;
+  --vscode-inputValidation-infoBackground: rgba(47, 158, 82, 0.14);
+  --vscode-inputValidation-infoBorder: rgba(47, 158, 82, 0.4);
+  --vscode-notificationsInfoIcon-foreground: #2f9e52;
+  --vscode-dropdown-background: #0d1814;
+  --vscode-dropdown-foreground: #f0f2f1;
+  --vscode-dropdown-border: rgba(255, 255, 255, 0.1);
+  --vscode-checkbox-background: #050b08;
+  --vscode-checkbox-foreground: #f0f2f1;
+  --vscode-checkbox-border: rgba(255, 255, 255, 0.1);
+  --vscode-badge-background: #121d18;
+  --vscode-badge-foreground: #f0f2f1;
+  --vscode-progressBar-background: #2f9e52;
+  --vscode-list-activeSelectionBackground: #16261f;
+  --vscode-list-activeSelectionForeground: #f0f2f1;
+  --vscode-list-inactiveSelectionBackground: #121d18;
+  --vscode-list-hoverBackground: #16261f;
+  --vscode-list-focusOutline: #2f9e52;
+  --vscode-menu-background: #0d1814;
+  --vscode-menu-foreground: #f0f2f1;
+  --vscode-menu-selectionBackground: #16261f;
+  --vscode-quickInput-background: #0d1814;
+  --vscode-quickInput-foreground: #f0f2f1;
+  --vscode-notifications-background: #0d1814;
+  --vscode-notifications-foreground: #f0f2f1;
+  --vscode-notifications-border: rgba(255, 255, 255, 0.1);
+  --vscode-sideBar-background: #0a1310;
+  --vscode-sideBar-foreground: #f0f2f1;
+  --vscode-sideBar-border: rgba(255, 255, 255, 0.08);
+  --vscode-panel-background: #0a1310;
+  --vscode-panel-border: rgba(255, 255, 255, 0.1);
+  --vscode-toolbar-hoverBackground: #16261f;
+  --vscode-testing-iconPassed: #8fd82a;
+  --vscode-charts-foreground: #f0f2f1;
+  --vscode-charts-lines: rgba(255, 255, 255, 0.1);
+  --vscode-charts-red: #ff6b6b;
+  --vscode-charts-yellow: #f0c34e;
+  --vscode-charts-green: #8fd82a;
+}
+
+/* Accent: Green on Emerald */
+[data-ground="emerald"][data-accent="green"] {
+  --vscode-focusBorder: #2f9e52;
+  --vscode-selection-background: rgba(47, 158, 82, 0.16);
+  --vscode-textLink-foreground: #2f9e52;
+  --vscode-textLink-activeForeground: #2f9e52;
+  --vscode-button-background: #2f9e52;
+  --vscode-button-foreground: #04241b;
+  --vscode-button-hoverBackground: #2f9e52;
+  --vscode-inputOption-activeBorder: #2f9e52;
+  --vscode-progressBar-background: #2f9e52;
+  --vscode-list-focusOutline: #2f9e52;
+}
+
+/* Accent: Copper on Emerald */
+[data-ground="emerald"][data-accent="copper"] {
+  --vscode-focusBorder: #c97b4a;
+  --vscode-selection-background: rgba(201, 123, 74, 0.16);
+  --vscode-textLink-foreground: #c97b4a;
+  --vscode-textLink-activeForeground: #c97b4a;
+  --vscode-button-background: #c97b4a;
+  --vscode-button-foreground: #140a04;
+  --vscode-button-hoverBackground: #c97b4a;
+  --vscode-inputOption-activeBorder: #c97b4a;
+  --vscode-progressBar-background: #c97b4a;
+  --vscode-list-focusOutline: #c97b4a;
+}
+
+/* Accent: Ice on Emerald */
+[data-ground="emerald"][data-accent="ice"] {
+  --vscode-focusBorder: #6e9fc4;
+  --vscode-selection-background: rgba(110, 159, 196, 0.16);
+  --vscode-textLink-foreground: #6e9fc4;
+  --vscode-textLink-activeForeground: #6e9fc4;
+  --vscode-button-background: #6e9fc4;
+  --vscode-button-foreground: #06131c;
+  --vscode-button-hoverBackground: #6e9fc4;
+  --vscode-inputOption-activeBorder: #6e9fc4;
+  --vscode-progressBar-background: #6e9fc4;
+  --vscode-list-focusOutline: #6e9fc4;
+}
+
+/* Accent: Periwinkle on Emerald */
+[data-ground="emerald"][data-accent="periwinkle"] {
+  --vscode-focusBorder: #8b8fd9;
+  --vscode-selection-background: rgba(139, 143, 217, 0.16);
+  --vscode-textLink-foreground: #8b8fd9;
+  --vscode-textLink-activeForeground: #8b8fd9;
+  --vscode-button-background: #8b8fd9;
+  --vscode-button-foreground: #0b0c1a;
+  --vscode-button-hoverBackground: #8b8fd9;
+  --vscode-inputOption-activeBorder: #8b8fd9;
+  --vscode-progressBar-background: #8b8fd9;
+  --vscode-list-focusOutline: #8b8fd9;
+}
+
+/* Accent: Amber on Emerald */
+[data-ground="emerald"][data-accent="amber"] {
+  --vscode-focusBorder: #e0b34a;
+  --vscode-selection-background: rgba(224, 179, 74, 0.16);
+  --vscode-textLink-foreground: #e0b34a;
+  --vscode-textLink-activeForeground: #e0b34a;
+  --vscode-button-background: #e0b34a;
+  --vscode-button-foreground: #1a1204;
+  --vscode-button-hoverBackground: #e0b34a;
+  --vscode-inputOption-activeBorder: #e0b34a;
+  --vscode-progressBar-background: #e0b34a;
+  --vscode-list-focusOutline: #e0b34a;
+}
+
+/* Ground: Navy (dark) */
+[data-ground="navy"] {
+  --vscode-foreground: #f0f2f1;
+  --vscode-descriptionForeground: #97a6c2;
+  --vscode-disabledForeground: #97a6c2;
+  --vscode-errorForeground: #ff8a8a;
+  --vscode-focusBorder: #2f9e52;
+  --vscode-widget-border: rgba(255, 255, 255, 0.1);
+  --vscode-selection-background: rgba(47, 158, 82, 0.16);
+  --vscode-icon-foreground: #f0f2f1;
+  --vscode-textLink-foreground: #2f9e52;
+  --vscode-textLink-activeForeground: #2f9e52;
+  --vscode-textPreformat-foreground: #f0f2f1;
+  --vscode-textBlockQuote-background: #182545;
+  --vscode-textCodeBlock-background: #182545;
+  --vscode-textSeparator-foreground: rgba(255, 255, 255, 0.1);
+  --vscode-editor-background: #0b1120;
+  --vscode-editor-foreground: #f0f2f1;
+  --vscode-editorWidget-background: #1a284a;
+  --vscode-editorWidget-foreground: #f0f2f1;
+  --vscode-editorWidget-border: rgba(255, 255, 255, 0.1);
+  --vscode-editorHoverWidget-background: #1a284a;
+  --vscode-editorHoverWidget-border: rgba(255, 255, 255, 0.1);
+  --vscode-editorError-foreground: #ff6b6b;
+  --vscode-editorWarning-foreground: #f0c34e;
+  --vscode-editorInfo-foreground: #2f9e52;
+  --vscode-button-background: #2f9e52;
+  --vscode-button-foreground: #04241b;
+  --vscode-button-hoverBackground: #2f9e52;
+  --vscode-button-secondaryBackground: #1d2b50;
+  --vscode-button-secondaryForeground: #f0f2f1;
+  --vscode-button-secondaryHoverBackground: #213157;
+  --vscode-input-background: #0b1120;
+  --vscode-input-foreground: #f0f2f1;
+  --vscode-input-border: rgba(255, 255, 255, 0.1);
+  --vscode-input-placeholderForeground: #97a6c2;
+  --vscode-inputOption-activeBorder: #2f9e52;
+  --vscode-inputValidation-errorBackground: rgba(255, 107, 107, 0.1);
+  --vscode-inputValidation-errorBorder: rgba(255, 107, 107, 0.35);
+  --vscode-notificationsErrorIcon-foreground: #ff6b6b;
+  --vscode-inputValidation-warningBackground: rgba(240, 195, 78, 0.1);
+  --vscode-inputValidation-warningBorder: rgba(240, 195, 78, 0.35);
+  --vscode-notificationsWarningIcon-foreground: #f0c34e;
+  --vscode-inputValidation-infoBackground: rgba(47, 158, 82, 0.14);
+  --vscode-inputValidation-infoBorder: rgba(47, 158, 82, 0.4);
+  --vscode-notificationsInfoIcon-foreground: #2f9e52;
+  --vscode-dropdown-background: #1a284a;
+  --vscode-dropdown-foreground: #f0f2f1;
+  --vscode-dropdown-border: rgba(255, 255, 255, 0.1);
+  --vscode-checkbox-background: #0b1120;
+  --vscode-checkbox-foreground: #f0f2f1;
+  --vscode-checkbox-border: rgba(255, 255, 255, 0.1);
+  --vscode-badge-background: #1d2b50;
+  --vscode-badge-foreground: #f0f2f1;
+  --vscode-progressBar-background: #2f9e52;
+  --vscode-list-activeSelectionBackground: #213157;
+  --vscode-list-activeSelectionForeground: #f0f2f1;
+  --vscode-list-inactiveSelectionBackground: #1d2b50;
+  --vscode-list-hoverBackground: #213157;
+  --vscode-list-focusOutline: #2f9e52;
+  --vscode-menu-background: #1a284a;
+  --vscode-menu-foreground: #f0f2f1;
+  --vscode-menu-selectionBackground: #213157;
+  --vscode-quickInput-background: #1a284a;
+  --vscode-quickInput-foreground: #f0f2f1;
+  --vscode-notifications-background: #1a284a;
+  --vscode-notifications-foreground: #f0f2f1;
+  --vscode-notifications-border: rgba(255, 255, 255, 0.1);
+  --vscode-sideBar-background: #152141;
+  --vscode-sideBar-foreground: #f0f2f1;
+  --vscode-sideBar-border: rgba(255, 255, 255, 0.08);
+  --vscode-panel-background: #152141;
+  --vscode-panel-border: rgba(255, 255, 255, 0.1);
+  --vscode-toolbar-hoverBackground: #213157;
+  --vscode-testing-iconPassed: #8fd82a;
+  --vscode-charts-foreground: #f0f2f1;
+  --vscode-charts-lines: rgba(255, 255, 255, 0.1);
+  --vscode-charts-red: #ff6b6b;
+  --vscode-charts-yellow: #f0c34e;
+  --vscode-charts-green: #8fd82a;
+}
+
+/* Accent: Green on Navy */
+[data-ground="navy"][data-accent="green"] {
+  --vscode-focusBorder: #2f9e52;
+  --vscode-selection-background: rgba(47, 158, 82, 0.16);
+  --vscode-textLink-foreground: #2f9e52;
+  --vscode-textLink-activeForeground: #2f9e52;
+  --vscode-button-background: #2f9e52;
+  --vscode-button-foreground: #04241b;
+  --vscode-button-hoverBackground: #2f9e52;
+  --vscode-inputOption-activeBorder: #2f9e52;
+  --vscode-progressBar-background: #2f9e52;
+  --vscode-list-focusOutline: #2f9e52;
+}
+
+/* Accent: Copper on Navy */
+[data-ground="navy"][data-accent="copper"] {
+  --vscode-focusBorder: #c97b4a;
+  --vscode-selection-background: rgba(201, 123, 74, 0.16);
+  --vscode-textLink-foreground: #c97b4a;
+  --vscode-textLink-activeForeground: #c97b4a;
+  --vscode-button-background: #c97b4a;
+  --vscode-button-foreground: #140a04;
+  --vscode-button-hoverBackground: #c97b4a;
+  --vscode-inputOption-activeBorder: #c97b4a;
+  --vscode-progressBar-background: #c97b4a;
+  --vscode-list-focusOutline: #c97b4a;
+}
+
+/* Accent: Ice on Navy */
+[data-ground="navy"][data-accent="ice"] {
+  --vscode-focusBorder: #6e9fc4;
+  --vscode-selection-background: rgba(110, 159, 196, 0.16);
+  --vscode-textLink-foreground: #6e9fc4;
+  --vscode-textLink-activeForeground: #6e9fc4;
+  --vscode-button-background: #6e9fc4;
+  --vscode-button-foreground: #06131c;
+  --vscode-button-hoverBackground: #6e9fc4;
+  --vscode-inputOption-activeBorder: #6e9fc4;
+  --vscode-progressBar-background: #6e9fc4;
+  --vscode-list-focusOutline: #6e9fc4;
+}
+
+/* Accent: Periwinkle on Navy */
+[data-ground="navy"][data-accent="periwinkle"] {
+  --vscode-focusBorder: #8b8fd9;
+  --vscode-selection-background: rgba(139, 143, 217, 0.16);
+  --vscode-textLink-foreground: #8b8fd9;
+  --vscode-textLink-activeForeground: #8b8fd9;
+  --vscode-button-background: #8b8fd9;
+  --vscode-button-foreground: #0b0c1a;
+  --vscode-button-hoverBackground: #8b8fd9;
+  --vscode-inputOption-activeBorder: #8b8fd9;
+  --vscode-progressBar-background: #8b8fd9;
+  --vscode-list-focusOutline: #8b8fd9;
+}
+
+/* Accent: Amber on Navy */
+[data-ground="navy"][data-accent="amber"] {
+  --vscode-focusBorder: #e0b34a;
+  --vscode-selection-background: rgba(224, 179, 74, 0.16);
+  --vscode-textLink-foreground: #e0b34a;
+  --vscode-textLink-activeForeground: #e0b34a;
+  --vscode-button-background: #e0b34a;
+  --vscode-button-foreground: #1a1204;
+  --vscode-button-hoverBackground: #e0b34a;
+  --vscode-inputOption-activeBorder: #e0b34a;
+  --vscode-progressBar-background: #e0b34a;
+  --vscode-list-focusOutline: #e0b34a;
+}
+
+/* Ground: Paper (light) */
+[data-ground="paper"] {
+  --vscode-foreground: #1e1d1b;
+  --vscode-descriptionForeground: #5c5b58;
+  --vscode-disabledForeground: #5c5b58;
+  --vscode-errorForeground: #bb0916;
+  --vscode-focusBorder: #26803f;
+  --vscode-widget-border: #dedad2;
+  --vscode-selection-background: #f0e6da;
+  --vscode-icon-foreground: #1e1d1b;
+  --vscode-textLink-foreground: #26803f;
+  --vscode-textLink-activeForeground: #26803f;
+  --vscode-textPreformat-foreground: #1e1d1b;
+  --vscode-textBlockQuote-background: #f3eee4;
+  --vscode-textCodeBlock-background: #f3eee4;
+  --vscode-textSeparator-foreground: #dedad2;
+  --vscode-editor-background: #faf6ee;
+  --vscode-editor-foreground: #1e1d1b;
+  --vscode-editorWidget-background: #fffdf9;
+  --vscode-editorWidget-foreground: #1e1d1b;
+  --vscode-editorWidget-border: #dedad2;
+  --vscode-editorHoverWidget-background: #fffdf9;
+  --vscode-editorHoverWidget-border: #dedad2;
+  --vscode-editorError-foreground: #df2225;
+  --vscode-editorWarning-foreground: #cb7a00;
+  --vscode-editorInfo-foreground: #2f8543;
+  --vscode-button-background: #26803f;
+  --vscode-button-foreground: #f3fbf7;
+  --vscode-button-hoverBackground: #26803f;
+  --vscode-button-secondaryBackground: #f3eee4;
+  --vscode-button-secondaryForeground: #1e1d1b;
+  --vscode-button-secondaryHoverBackground: #f0e6da;
+  --vscode-input-background: #faf6ee;
+  --vscode-input-foreground: #1e1d1b;
+  --vscode-input-border: #dedad2;
+  --vscode-input-placeholderForeground: #5c5b58;
+  --vscode-inputOption-activeBorder: #26803f;
+  --vscode-inputValidation-errorBackground: #ffeae9;
+  --vscode-inputValidation-errorBorder: #ffb1aa;
+  --vscode-notificationsErrorIcon-foreground: #df2225;
+  --vscode-inputValidation-warningBackground: #fef0d4;
+  --vscode-inputValidation-warningBorder: #e8c184;
+  --vscode-notificationsWarningIcon-foreground: #cb7a00;
+  --vscode-inputValidation-infoBackground: #e2f4e3;
+  --vscode-inputValidation-infoBorder: #acd8b1;
+  --vscode-notificationsInfoIcon-foreground: #2f8543;
+  --vscode-dropdown-background: #fffdf9;
+  --vscode-dropdown-foreground: #1e1d1b;
+  --vscode-dropdown-border: #dedad2;
+  --vscode-checkbox-background: #faf6ee;
+  --vscode-checkbox-foreground: #1e1d1b;
+  --vscode-checkbox-border: #dedad2;
+  --vscode-badge-background: #f3eee4;
+  --vscode-badge-foreground: #1e1d1b;
+  --vscode-progressBar-background: #26803f;
+  --vscode-list-activeSelectionBackground: #f0e6da;
+  --vscode-list-activeSelectionForeground: #1e1d1b;
+  --vscode-list-inactiveSelectionBackground: #f3eee4;
+  --vscode-list-hoverBackground: #f0e6da;
+  --vscode-list-focusOutline: #26803f;
+  --vscode-menu-background: #fffdf9;
+  --vscode-menu-foreground: #1e1d1b;
+  --vscode-menu-selectionBackground: #f0e6da;
+  --vscode-quickInput-background: #fffdf9;
+  --vscode-quickInput-foreground: #1e1d1b;
+  --vscode-notifications-background: #fffdf9;
+  --vscode-notifications-foreground: #1e1d1b;
+  --vscode-notifications-border: #dedad2;
+  --vscode-sideBar-background: #f5f0e4;
+  --vscode-sideBar-foreground: #1e1d1b;
+  --vscode-sideBar-border: #dedad2;
+  --vscode-panel-background: #fffdf9;
+  --vscode-panel-border: #dedad2;
+  --vscode-toolbar-hoverBackground: #f0e6da;
+  --vscode-testing-iconPassed: #508d23;
+  --vscode-charts-foreground: #1e1d1b;
+  --vscode-charts-lines: #dedad2;
+  --vscode-charts-red: #df2225;
+  --vscode-charts-yellow: #cb7a00;
+  --vscode-charts-green: #508d23;
+}
+
+/* Accent: Green on Paper */
+[data-ground="paper"][data-accent="green"] {
+  --vscode-focusBorder: #26803f;
+  --vscode-textLink-foreground: #26803f;
+  --vscode-textLink-activeForeground: #26803f;
+  --vscode-button-background: #26803f;
+  --vscode-button-hoverBackground: #26803f;
+  --vscode-inputOption-activeBorder: #26803f;
+  --vscode-progressBar-background: #26803f;
+  --vscode-list-focusOutline: #26803f;
+}
+
+/* Accent: Copper on Paper */
+[data-ground="paper"][data-accent="copper"] {
+  --vscode-focusBorder: #9c5730;
+  --vscode-textLink-foreground: #9c5730;
+  --vscode-textLink-activeForeground: #9c5730;
+  --vscode-button-background: #9c5730;
+  --vscode-button-hoverBackground: #9c5730;
+  --vscode-inputOption-activeBorder: #9c5730;
+  --vscode-progressBar-background: #9c5730;
+  --vscode-list-focusOutline: #9c5730;
+}
+
+/* Accent: Ice on Paper */
+[data-ground="paper"][data-accent="ice"] {
+  --vscode-focusBorder: #3d6f95;
+  --vscode-textLink-foreground: #3d6f95;
+  --vscode-textLink-activeForeground: #3d6f95;
+  --vscode-button-background: #3d6f95;
+  --vscode-button-hoverBackground: #3d6f95;
+  --vscode-inputOption-activeBorder: #3d6f95;
+  --vscode-progressBar-background: #3d6f95;
+  --vscode-list-focusOutline: #3d6f95;
+}
+
+/* Accent: Periwinkle on Paper */
+[data-ground="paper"][data-accent="periwinkle"] {
+  --vscode-focusBorder: #5a5fae;
+  --vscode-textLink-foreground: #5a5fae;
+  --vscode-textLink-activeForeground: #5a5fae;
+  --vscode-button-background: #5a5fae;
+  --vscode-button-hoverBackground: #5a5fae;
+  --vscode-inputOption-activeBorder: #5a5fae;
+  --vscode-progressBar-background: #5a5fae;
+  --vscode-list-focusOutline: #5a5fae;
+}
+
+/* Accent: Amber on Paper */
+[data-ground="paper"][data-accent="amber"] {
+  --vscode-focusBorder: #8a6410;
+  --vscode-textLink-foreground: #8a6410;
+  --vscode-textLink-activeForeground: #8a6410;
+  --vscode-button-background: #8a6410;
+  --vscode-button-hoverBackground: #8a6410;
+  --vscode-inputOption-activeBorder: #8a6410;
+  --vscode-progressBar-background: #8a6410;
+  --vscode-list-focusOutline: #8a6410;
+}
+
+/* Ground: Mist (light) */
+[data-ground="mist"] {
+  --vscode-foreground: #1e1d1b;
+  --vscode-descriptionForeground: #5c5b58;
+  --vscode-disabledForeground: #5c5b58;
+  --vscode-errorForeground: #bb0916;
+  --vscode-focusBorder: #26803f;
+  --vscode-widget-border: #d6dcdf;
+  --vscode-selection-background: #dfeaf0;
+  --vscode-icon-foreground: #1e1d1b;
+  --vscode-textLink-foreground: #26803f;
+  --vscode-textLink-activeForeground: #26803f;
+  --vscode-textPreformat-foreground: #1e1d1b;
+  --vscode-textBlockQuote-background: #e9eff2;
+  --vscode-textCodeBlock-background: #e9eff2;
+  --vscode-textSeparator-foreground: #d6dcdf;
+  --vscode-editor-background: #f2f7f9;
+  --vscode-editor-foreground: #1e1d1b;
+  --vscode-editorWidget-background: #ffffff;
+  --vscode-editorWidget-foreground: #1e1d1b;
+  --vscode-editorWidget-border: #d6dcdf;
+  --vscode-editorHoverWidget-background: #ffffff;
+  --vscode-editorHoverWidget-border: #d6dcdf;
+  --vscode-editorError-foreground: #df2225;
+  --vscode-editorWarning-foreground: #cb7a00;
+  --vscode-editorInfo-foreground: #2f8543;
+  --vscode-button-background: #26803f;
+  --vscode-button-foreground: #f3fbf7;
+  --vscode-button-hoverBackground: #26803f;
+  --vscode-button-secondaryBackground: #e9eff2;
+  --vscode-button-secondaryForeground: #1e1d1b;
+  --vscode-button-secondaryHoverBackground: #dfeaf0;
+  --vscode-input-background: #f2f7f9;
+  --vscode-input-foreground: #1e1d1b;
+  --vscode-input-border: #d6dcdf;
+  --vscode-input-placeholderForeground: #5c5b58;
+  --vscode-inputOption-activeBorder: #26803f;
+  --vscode-inputValidation-errorBackground: #ffeae9;
+  --vscode-inputValidation-errorBorder: #ffb1aa;
+  --vscode-notificationsErrorIcon-foreground: #df2225;
+  --vscode-inputValidation-warningBackground: #fef0d4;
+  --vscode-inputValidation-warningBorder: #e8c184;
+  --vscode-notificationsWarningIcon-foreground: #cb7a00;
+  --vscode-inputValidation-infoBackground: #e2f4e3;
+  --vscode-inputValidation-infoBorder: #acd8b1;
+  --vscode-notificationsInfoIcon-foreground: #2f8543;
+  --vscode-dropdown-background: #ffffff;
+  --vscode-dropdown-foreground: #1e1d1b;
+  --vscode-dropdown-border: #d6dcdf;
+  --vscode-checkbox-background: #f2f7f9;
+  --vscode-checkbox-foreground: #1e1d1b;
+  --vscode-checkbox-border: #d6dcdf;
+  --vscode-badge-background: #e9eff2;
+  --vscode-badge-foreground: #1e1d1b;
+  --vscode-progressBar-background: #26803f;
+  --vscode-list-activeSelectionBackground: #dfeaf0;
+  --vscode-list-activeSelectionForeground: #1e1d1b;
+  --vscode-list-inactiveSelectionBackground: #e9eff2;
+  --vscode-list-hoverBackground: #dfeaf0;
+  --vscode-list-focusOutline: #26803f;
+  --vscode-menu-background: #ffffff;
+  --vscode-menu-foreground: #1e1d1b;
+  --vscode-menu-selectionBackground: #dfeaf0;
+  --vscode-quickInput-background: #ffffff;
+  --vscode-quickInput-foreground: #1e1d1b;
+  --vscode-notifications-background: #ffffff;
+  --vscode-notifications-foreground: #1e1d1b;
+  --vscode-notifications-border: #d6dcdf;
+  --vscode-sideBar-background: #e9f1f5;
+  --vscode-sideBar-foreground: #1e1d1b;
+  --vscode-sideBar-border: #d6dcdf;
+  --vscode-panel-background: #ffffff;
+  --vscode-panel-border: #d6dcdf;
+  --vscode-toolbar-hoverBackground: #dfeaf0;
+  --vscode-testing-iconPassed: #508d23;
+  --vscode-charts-foreground: #1e1d1b;
+  --vscode-charts-lines: #d6dcdf;
+  --vscode-charts-red: #df2225;
+  --vscode-charts-yellow: #cb7a00;
+  --vscode-charts-green: #508d23;
+}
+
+/* Accent: Green on Mist */
+[data-ground="mist"][data-accent="green"] {
+  --vscode-focusBorder: #26803f;
+  --vscode-textLink-foreground: #26803f;
+  --vscode-textLink-activeForeground: #26803f;
+  --vscode-button-background: #26803f;
+  --vscode-button-hoverBackground: #26803f;
+  --vscode-inputOption-activeBorder: #26803f;
+  --vscode-progressBar-background: #26803f;
+  --vscode-list-focusOutline: #26803f;
+}
+
+/* Accent: Copper on Mist */
+[data-ground="mist"][data-accent="copper"] {
+  --vscode-focusBorder: #9c5730;
+  --vscode-textLink-foreground: #9c5730;
+  --vscode-textLink-activeForeground: #9c5730;
+  --vscode-button-background: #9c5730;
+  --vscode-button-hoverBackground: #9c5730;
+  --vscode-inputOption-activeBorder: #9c5730;
+  --vscode-progressBar-background: #9c5730;
+  --vscode-list-focusOutline: #9c5730;
+}
+
+/* Accent: Ice on Mist */
+[data-ground="mist"][data-accent="ice"] {
+  --vscode-focusBorder: #3d6f95;
+  --vscode-textLink-foreground: #3d6f95;
+  --vscode-textLink-activeForeground: #3d6f95;
+  --vscode-button-background: #3d6f95;
+  --vscode-button-hoverBackground: #3d6f95;
+  --vscode-inputOption-activeBorder: #3d6f95;
+  --vscode-progressBar-background: #3d6f95;
+  --vscode-list-focusOutline: #3d6f95;
+}
+
+/* Accent: Periwinkle on Mist */
+[data-ground="mist"][data-accent="periwinkle"] {
+  --vscode-focusBorder: #5a5fae;
+  --vscode-textLink-foreground: #5a5fae;
+  --vscode-textLink-activeForeground: #5a5fae;
+  --vscode-button-background: #5a5fae;
+  --vscode-button-hoverBackground: #5a5fae;
+  --vscode-inputOption-activeBorder: #5a5fae;
+  --vscode-progressBar-background: #5a5fae;
+  --vscode-list-focusOutline: #5a5fae;
+}
+
+/* Accent: Amber on Mist */
+[data-ground="mist"][data-accent="amber"] {
+  --vscode-focusBorder: #8a6410;
+  --vscode-textLink-foreground: #8a6410;
+  --vscode-textLink-activeForeground: #8a6410;
+  --vscode-button-background: #8a6410;
+  --vscode-button-hoverBackground: #8a6410;
+  --vscode-inputOption-activeBorder: #8a6410;
+  --vscode-progressBar-background: #8a6410;
+  --vscode-list-focusOutline: #8a6410;
+}