Update styling for docs page (#3125)

* Added margin to "Show private scopes" checkbox
* Fix proper dark theme for select options
* Update deprecated onBrokenMarkdownLinks config

Author: AndreasArvidsson

packages/cursorless-org-docs/docusaurus.config.mts

@@ -120,10 +120,15 @@ const config: Config = {
     { rel: "shortcut icon", href: "/favicon.ico?v=1" },
   ],
   onBrokenLinks: "throw",
-  onBrokenMarkdownLinks: "throw",
   onBrokenAnchors: "throw",
   trailingSlash: true,
 
+  markdown: {
+    hooks: {
+      onBrokenMarkdownLinks: "throw",
+    },
+  },
+
   presets: [
     [
       "classic",

packages/cursorless-org-docs/src/css/custom.css

@@ -29,6 +29,11 @@
   filter: invert(90%) hue-rotate(180deg);
 }
 
+/* Necessary to make dropdown options work in dark mode */
+select {
+  background-color: var(--ifm-background-color);
+}
+
 .hidden {
   display: none;
 }

packages/cursorless-org-docs/src/docs/contributing/MissingLanguageScopes.tsx

@@ -17,6 +17,7 @@ export function MissingLanguageScopes(): React.JSX.Element {
       <label className="ml-1">
         <input
           type="checkbox"
+          className="mr-1"
           checked={showPrivate}
           onChange={(e) => setShowPrivate(e.target.checked)}
         />