diff --git a/src/theme/DocRoot/index.js b/src/theme/DocRoot/index.js
new file mode 100644
index 000000000..2b93f739b
--- /dev/null
+++ b/src/theme/DocRoot/index.js
@@ -0,0 +1,10 @@
+import React from "react"
+import DocRoot from "@theme-original/DocRoot"
+
+export default function DocRootWrapper(props) {
+ return (
+
+
+
+ )
+}
diff --git a/src/theme/MDXComponents.js b/src/theme/MDXComponents.js
index ecdeb2a37..56ca63a99 100644
--- a/src/theme/MDXComponents.js
+++ b/src/theme/MDXComponents.js
@@ -1,10 +1,11 @@
import React from "react"
-// Import the original mapper
import MDXComponents from "@theme-original/MDXComponents"
+import AjaxWarning from "./AjaxWarning"
import ConsoleLink from "../components/ConsoleLink/console-link"
export default {
// Re-use the default mapping
...MDXComponents,
+ AjaxWarning,
ConsoleLink,
}
diff --git a/src/theme/RoutedDocPage/index.tsx b/src/theme/RoutedDocPage/index.tsx
deleted file mode 100644
index 4a65a801b..000000000
--- a/src/theme/RoutedDocPage/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react"
-import type { Props } from "@theme/DocPage"
-import DocPage from "@theme/DocPage"
-
-export default function RoutedDocPage(props: Props): JSX.Element {
- return (
-
-
-
- )
-}
diff --git a/src/theme/RoutedDocPage/styles.module.css b/src/theme/RoutedDocPage/styles.module.css
deleted file mode 100644
index c40dadbb7..000000000
--- a/src/theme/RoutedDocPage/styles.module.css
+++ /dev/null
@@ -1,80 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-:root {
- --doc-sidebar-width: 300px;
- --doc-sidebar-hidden-width: 30px;
-}
-
-:global(.docs-wrapper) {
- display: flex;
-}
-
-.docPage,
-.docMainContainer {
- display: flex;
- width: 100%;
-}
-
-@media (min-width: 997px) {
- .docMainContainer {
- flex-grow: 1;
- max-width: calc(100% - var(--doc-sidebar-width));
- }
-
- .docMainContainerEnhanced {
- max-width: calc(100% - var(--doc-sidebar-hidden-width));
- }
-
- .docSidebarContainer {
- width: var(--doc-sidebar-width);
- margin-top: calc(-1 * var(--ifm-navbar-height));
- border-right: 1px solid var(--ifm-toc-border-color);
- will-change: width;
- transition: width var(--ifm-transition-fast) ease;
- clip-path: inset(0);
- }
-
- .docSidebarContainerHidden {
- width: var(--doc-sidebar-hidden-width);
- cursor: pointer;
- }
-
- .collapsedDocSidebar {
- position: sticky;
- top: 0;
- height: 100%;
- max-height: 100vh;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: background-color var(--ifm-transition-fast) ease;
- }
-
- .collapsedDocSidebar:hover,
- .collapsedDocSidebar:focus {
- background-color: var(--ifm-color-emphasis-200);
- }
-
- .expandSidebarButtonIcon {
- transform: rotate(0);
- }
- html[dir="rtl"] .expandSidebarButtonIcon {
- transform: rotate(180deg);
- }
-
- html[data-theme="dark"] .collapsedDocSidebar:hover,
- html[data-theme="dark"] .collapsedDocSidebar:focus {
- background-color: var(--collapse-button-bg-color-dark);
- }
-
- .docItemWrapperEnhanced {
- max-width: calc(
- var(--ifm-container-width) + var(--doc-sidebar-width)
- ) !important;
- }
-}
diff --git a/src/theme/prism-include-languages.js b/src/theme/prism-include-languages.js
index 30ed786f0..b5fe0df16 100644
--- a/src/theme/prism-include-languages.js
+++ b/src/theme/prism-include-languages.js
@@ -5,6 +5,7 @@ import siteConfig from "@generated/docusaurus.config"
import ketoRelationTuplesPrism from "./ketoRelationTuplesPrism"
import ketoRelationsPermissionsPrism from "./ketoRelationsPermissionsPrism"
+
export default function prismIncludeLanguages(PrismObject) {
const {
themeConfig: { prism },
diff --git a/src/utils/prismDark.mjs b/src/utils/prismDark.mjs
index eaade4ff1..10915ac98 100644
--- a/src/utils/prismDark.mjs
+++ b/src/utils/prismDark.mjs
@@ -5,7 +5,7 @@
* LICENSE file in the root directory of this source tree.
*/
-import darkTheme from "prism-react-renderer/themes/vsDark/index.cjs.js"
+import { themes } from "prism-react-renderer"
export default {
plain: {
@@ -13,7 +13,7 @@ export default {
backgroundColor: "#212121",
},
styles: [
- ...darkTheme.styles,
+ ...themes.vsDark.styles,
{
types: ["title"],
style: {
diff --git a/src/utils/prismLight.mjs b/src/utils/prismLight.mjs
index 6d24ed6f1..2ceabe3f7 100644
--- a/src/utils/prismLight.mjs
+++ b/src/utils/prismLight.mjs
@@ -5,12 +5,12 @@
* LICENSE file in the root directory of this source tree.
*/
-import lightTheme from "prism-react-renderer/themes/github/index.cjs.js"
+import { themes } from "prism-react-renderer"
export default {
- ...lightTheme,
+ ...themes.github,
styles: [
- ...lightTheme.styles,
+ ...themes.github.styles,
{
types: ["title"],
style: {
diff --git a/tests/playwright-argos/screenshot.spec.ts b/tests/playwright-argos/screenshot.spec.ts
index a3e2493ef..a330dd313 100644
--- a/tests/playwright-argos/screenshot.spec.ts
+++ b/tests/playwright-argos/screenshot.spec.ts
@@ -11,6 +11,7 @@ const stylesheet = fs.readFileSync(stylesheetPath).toString()
const ignoredPathnames = [
// Thes files are too large to screenshot
"/docs/reference/api",
+ "/docs/http-api",
"/docs/hydra/reference/api",
"/docs/kratos/reference/api",
"/docs/keto/reference/api",