/* The colours of VS Code's default themes (Dark+ and Light+), as the variables
   its webviews get: the editors' pages of intrepid-vscode are drawn with them,
   in the site as in VS Code, and so is the site's shell. The class of the body
   says the theme, as in VS Code's webviews. */

body.vscode-dark {
  color-scheme: dark;
  --vscode-font-family: system-ui, -apple-system, "Segoe UI", Ubuntu, "Droid Sans", sans-serif;
  --vscode-font-size: 13px;
  --vscode-editor-font-family: Menlo, Monaco, Consolas, "Droid Sans Mono", "Courier New", monospace;
  --vscode-editor-font-size: 13px;
  --vscode-foreground: #cccccc;
  --vscode-descriptionForeground: #9d9d9d;
  --vscode-disabledForeground: #cccccc80;
  --vscode-errorForeground: #f48771;
  --vscode-focusBorder: #007fd4;
  --vscode-widget-border: #303031;
  --vscode-editor-background: #1e1e1e;
  --vscode-editorWidget-background: #252526;
  --vscode-editorWidget-border: #454545;
  --vscode-editorError-foreground: #f14c4c;
  --vscode-editorWarning-foreground: #cca700;
  --vscode-editorLineNumber-foreground: #858585;
  --vscode-editorHoverWidget-background: #252526;
  --vscode-editorHoverWidget-foreground: #cccccc;
  --vscode-editorHoverWidget-border: #454545;
  --vscode-editorGroup-border: #444444;
  --vscode-panel-background: #1e1e1e;
  --vscode-panel-border: #80808059;
  --vscode-sideBar-background: #252526;
  --vscode-sideBarSectionHeader-foreground: #cccccc;
  --vscode-list-hoverBackground: #2a2d2e;
  --vscode-list-activeSelectionBackground: #04395e;
  --vscode-list-activeSelectionForeground: #ffffff;
  --vscode-list-inactiveSelectionBackground: #37373d;
  --vscode-input-background: #3c3c3c;
  --vscode-input-foreground: #cccccc;
  --vscode-input-border: #3c3c3c;
  --vscode-button-background: #0e639c;
  --vscode-button-foreground: #ffffff;
  --vscode-button-hoverBackground: #1177bb;
  --vscode-button-border: transparent;
  --vscode-button-secondaryBackground: #3a3d41;
  --vscode-button-secondaryForeground: #ffffff;
  --vscode-button-secondaryHoverBackground: #45494e;
  --vscode-toolbar-hoverBackground: #5a5d5e50;
  --vscode-textLink-foreground: #3794ff;
  --vscode-textLink-activeForeground: #3794ff;
  --vscode-charts-foreground: #cccccc;
  --vscode-charts-red: #f14c4c;
  --vscode-charts-blue: #3794ff;
  --vscode-charts-yellow: #cca700;
  --vscode-charts-orange: #d18616;
  --vscode-charts-green: #89d185;
  --vscode-charts-purple: #b180d7;
  --vscode-testing-iconPassed: #73c991;
  --vscode-list-warningForeground: #cca700;
  --vscode-list-errorForeground: #f88070;
}

body.vscode-light {
  color-scheme: light;
  --vscode-font-family: system-ui, -apple-system, "Segoe UI", Ubuntu, "Droid Sans", sans-serif;
  --vscode-font-size: 13px;
  --vscode-editor-font-family: Menlo, Monaco, Consolas, "Droid Sans Mono", "Courier New", monospace;
  --vscode-editor-font-size: 13px;
  --vscode-foreground: #616161;
  --vscode-descriptionForeground: #717171;
  --vscode-disabledForeground: #61616180;
  --vscode-errorForeground: #a1260d;
  --vscode-focusBorder: #0090f1;
  --vscode-widget-border: #d4d4d4;
  --vscode-editor-background: #ffffff;
  --vscode-editorWidget-background: #f3f3f3;
  --vscode-editorWidget-border: #c8c8c8;
  --vscode-editorError-foreground: #e51400;
  --vscode-editorWarning-foreground: #bf8803;
  --vscode-editorLineNumber-foreground: #237893;
  --vscode-editorHoverWidget-background: #f3f3f3;
  --vscode-editorHoverWidget-foreground: #616161;
  --vscode-editorHoverWidget-border: #c8c8c8;
  --vscode-editorGroup-border: #e7e7e7;
  --vscode-panel-background: #ffffff;
  --vscode-panel-border: #80808059;
  --vscode-sideBar-background: #f3f3f3;
  --vscode-sideBarSectionHeader-foreground: #616161;
  --vscode-list-hoverBackground: #e8e8e8;
  --vscode-list-activeSelectionBackground: #0060c0;
  --vscode-list-activeSelectionForeground: #ffffff;
  --vscode-list-inactiveSelectionBackground: #e4e6f1;
  --vscode-input-background: #ffffff;
  --vscode-input-foreground: #616161;
  --vscode-input-border: #cecece;
  --vscode-button-background: #007acc;
  --vscode-button-foreground: #ffffff;
  --vscode-button-hoverBackground: #0062a3;
  --vscode-button-border: transparent;
  --vscode-button-secondaryBackground: #5f6a79;
  --vscode-button-secondaryForeground: #ffffff;
  --vscode-button-secondaryHoverBackground: #4c5561;
  --vscode-toolbar-hoverBackground: #b8b8b850;
  --vscode-textLink-foreground: #006ab1;
  --vscode-textLink-activeForeground: #006ab1;
  --vscode-charts-foreground: #616161;
  --vscode-charts-red: #e51400;
  --vscode-charts-blue: #1a85ff;
  --vscode-charts-yellow: #bf8803;
  --vscode-charts-orange: #d18616;
  --vscode-charts-green: #388a34;
  --vscode-charts-purple: #652d90;
  --vscode-testing-iconPassed: #388a34;
  --vscode-list-warningForeground: #855f00;
  --vscode-list-errorForeground: #b01011;
}
