[C] Fix missing types, fix code block colors

ManifoldScholar · Oct 21, 2024 · 9cd9e0d · 9cd9e0d
1 parent 9c04912
commit 9cd9e0d
Show file tree

Hide file tree

Showing 10 changed files with 28 additions and 36 deletions.
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -213,10 +213,11 @@ const config: Config = {
       ],
     },
     ...(algolia.appId ? { algolia } : {}),
-    prism: {
-      theme: prismThemes.github,
-      darkTheme: prismThemes.dracula,
-    },
+    // https://docusaurus.io/docs/markdown-features/code-blocks#theming
+    // prism: {
+    //   theme: prismThemes.github,
+    //   darkTheme: prismThemes.dracula,
+    // },
   } satisfies Preset.ThemeConfig,
   customFields: {
     data,

diff --git a/src/components/typography/index.js b/src/components/typography/index.js
diff --git a/src/styles/base/_root.css b/src/styles/base/_root.css
@@ -130,11 +130,14 @@
   --ifm-color-content-inverse: var(--neutral05);
   --ifm-color-content-secondary: var(--neutral75);
   --ifm-font-family-base: sofia-pro, system-ui, sans-serif;
-  --ifm-code-font-size: 95%;
   --ifm-h1-font-size: 2.125rem;
   --ifm-line-height-base: 1.5;
   --ifm-link-color: var(--ifm-color-primary-darker);
   --ifm-heading-font-weight: var(--font-weight-medium);
+
+  /* Code blocks */
+  --ifm-code-font-size: 95%;
+  --ifm-code-padding-horizontal: 0.3rem;
 
   /* Tabs */
   --ifm-tabs-color-active: var(--ifm-color-content);

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -6,6 +6,7 @@
 @import "modules/_admonition.css";
 @import "modules/_blog-wrapper.css";
 @import "modules/_breadcrumbs.css";
+@import "modules/_doc-footer.css";
 @import "modules/_hero.css";
 @import "modules/_highlight-code-line.css";
 @import "modules/_main-wrapper.css";

diff --git a/src/styles/modules/_admonition.css b/src/styles/modules/_admonition.css
@@ -18,6 +18,7 @@
   --ifm-color-location: #affadd;
   --ifm-color-note: var(--neutral10);
   --ifm-alert-border-left-width: 1px;
+  --ifm-code-background: rgb(246, 247, 248);
 
   border: var(--ifm-alert-border-left-width) solid;
   margin-bottom: var(--padding-sm);
@@ -30,6 +31,12 @@
     --ifm-color-warning: #ffbd61;
     --ifm-color-danger: #ffb3b3;
     --ifm-color-location: var(--green);
+    --ifm-code-background: rgb(51, 52, 55);
+    --ifm-code-color: rgb(245, 246, 247);
+  }
+
+  code {
+    color: var(--ifm-code-color);
   }
 
   [class^="admonitionIcon"] {

diff --git a/src/styles/modules/_pagination.css b/src/styles/modules/_pagination.css
@@ -65,4 +65,8 @@ html[data-theme="dark"] {
     color: var(--pagination-color);
     opacity: 0.7;
   }
+
+  &.docusaurus-mt-lg {
+    margin-block-start: 5rem;
+  }
 }
diff --git a/src/theme/BlogListPaginator/index.tsx b/src/theme/BlogListPaginator/index.tsx
@@ -6,8 +6,9 @@
  */
 import React from "react";
 import PaginationLink from "../PaginationLink";
+import type {Props} from '@theme/BlogListPaginator';
 
-function BlogListPaginator(props: any) {
+function BlogListPaginator(props: Props) {
   const { metadata } = props;
   const {
     previousPage,

diff --git a/src/theme/BlogPostPaginator/index.tsx b/src/theme/BlogPostPaginator/index.tsx
@@ -6,8 +6,9 @@
  */
 import React from "react";
 import PaginationLink from "../PaginationLink";
+import type {Props} from '@theme/BlogPostPaginator';
 
-function BlogPostPaginator(props: any) {
+function BlogPostPaginator(props: Props) {
   const { nextItem, prevItem } = props;
 
   return (

diff --git a/src/theme/BlogSidebar/original.tsx b/src/theme/BlogSidebar/original.tsx
@@ -8,7 +8,9 @@ import React from "react";
 import clsx from "clsx";
 import Link from "@docusaurus/Link";
 import styles from "./styles.module.css";
-export default function BlogSidebar({ sidebar }: any) {
+import type {Props} from '@theme/BlogSidebar';
+
+export default function BlogSidebar({ sidebar }: Props) {
   if (sidebar.items.length === 0) {
     return null;
   }

diff --git a/src/theme/Navbar/index.js b/src/theme/Navbar/index.js