diff --git a/packages/docs-reanimated/src/theme/Admonition/styles.module.css b/packages/docs-reanimated/src/theme/Admonition/styles.module.css
deleted file mode 100644
index 29fb1082277..00000000000
--- a/packages/docs-reanimated/src/theme/Admonition/styles.module.css
+++ /dev/null
@@ -1,84 +0,0 @@
-.admonition {
-  --ifm-alert-border-radius: 0;
-  --ifm-alert-padding-vertical: 1.5rem;
-  --ifm-alert-padding-horizontal: 1.5rem;
-
-  margin-bottom: 1.5em;
-}
-
-.admonitionHeading {
-  display: flex;
-  font-family: var(--swm-admonition-heading-font-family);
-  font-weight: var(--swm-admonition-heading-font-weight);
-  text-transform: uppercase;
-
-  margin-bottom: 1.1rem;
-}
-
-.admonitionHeading code {
-  text-transform: none;
-}
-
-.admonitionIcon {
-  display: flex;
-  margin-right: 0.4em;
-
-  width: 21px;
-}
-
-.admonitionIcon svg {
-  display: inline-block;
-  height: 100%;
-  width: 100%;
-}
-
-.alert--secondary {
-  background-color: var(--swm-admonition-color-secondary);
-  box-shadow: -8px 8px 0 var(--swm-admonition-color-secondary-shadow);
-}
-
-.alert--success {
-  background-color: var(--swm-admonition-color-success);
-  box-shadow: -8px 8px 0 var(--swm-admonition-color-success-shadow);
-}
-
-.alert--danger {
-  background-color: var(--swm-admonition-color-danger);
-  box-shadow: -8px 8px 0 var(--swm-admonition-color-danger-shadow);
-}
-
-.alert--info {
-  background-color: var(--swm-admonition-color-info);
-  box-shadow: -8px 8px 0 var(--swm-admonition-color-info-shadow);
-}
-
-.alert--caution {
-  background-color: var(--swm-admonition-color-caution);
-  box-shadow: -8px 8px 0 var(--swm-admonition-color-caution-shadow);
-}
-
-/* Styling for quote blocks (labels surrounded by ` sign) in admonitions.
- A direct child of `code` tag is selected, because admonitions can be nested within each other. */
-[class*='admonition-secondary'] > [class*='admonitionContent'] > p code {
-  background-color: var(--swm-background-quote-secondary);
-}
-
-[class*='admonition-success'] > [class*='admonitionContent'] > p code {
-  background-color: var(--swm-background-quote-green);
-}
-
-[class*='admonition-danger'] > [class*='admonitionContent'] > p code {
-  background-color: var(--swm-background-quote-red);
-}
-
-[class*='admonition-info'] > [class*='admonitionContent'] > p code {
-  background-color: var(--swm-background-quote-blue);
-}
-
-[class*='admonition-caution'] > [class*='admonitionContent'] > p code {
-  background-color: var(--swm-background-quote-yellow);
-}
-
-.admonitionContent > :last-child {
-  margin-bottom: 0;
-}
diff --git a/packages/docs-reanimated/src/theme/ColorModeToggle/index.js b/packages/docs-reanimated/src/theme/ColorModeToggle/index.js
deleted file mode 100644
index 5a3d2c3b44b..00000000000
--- a/packages/docs-reanimated/src/theme/ColorModeToggle/index.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import useIsBrowser from '@docusaurus/useIsBrowser';
-import { translate } from '@docusaurus/Translate';
-import IconLightMode from '@theme/Icon/LightMode';
-import IconDarkMode from '@theme/Icon/DarkMode';
-import styles from './styles.module.css';
-import { useColorScheme } from '@mui/material';
-import usePageType from '@site/src/hooks/usePageType';
-function ColorModeToggle({ className, buttonClassName, value, onChange }) {
-  const isBrowser = useIsBrowser();
-  /* Color scheme switcher from MUI framework. */
-  const { setMode } = useColorScheme();
-  const { isLanding } = usePageType();
-
-  const title = translate(
-    {
-      message: 'Switch between dark and light mode (currently {mode})',
-      id: 'theme.colorToggle.ariaLabel',
-      description: 'The ARIA label for the navbar color mode toggle',
-    },
-    {
-      mode:
-        value === 'dark'
-          ? translate({
-              message: 'dark mode',
-              id: 'theme.colorToggle.ariaLabel.mode.dark',
-              description: 'The name for the dark color mode',
-            })
-          : translate({
-              message: 'light mode',
-              id: 'theme.colorToggle.ariaLabel.mode.light',
-              description: 'The name for the light color mode',
-            }),
-    }
-  );
-
-  const changeTheme = (value) => {
-    onChange(value); // Default theme switcher
-    setMode(value); // Color scheme switcher from MUI
-  };
-
-  return (
-    <div className={clsx(styles.toggle, className)}>
-      <button
-        className={clsx(
-          'clean-btn',
-          styles.toggleButton,
-          !isBrowser && styles.toggleButtonDisabled,
-          isLanding && styles.toggleButtonLanding,
-          buttonClassName
-        )}
-        type="button"
-        onClick={() => changeTheme(value === 'dark' ? 'light' : 'dark')}
-        disabled={!isBrowser}
-        title={title}
-        aria-label={title}
-        aria-live="polite">
-        <div
-          className={clsx(
-            styles.iconContainer,
-            styles.lightToggleIcon,
-            isLanding && styles.iconLandingContainer
-          )}>
-          <IconLightMode />
-        </div>
-        <div
-          className={clsx(
-            styles.iconContainer,
-            styles.darkIconContainer,
-            styles.darkToggleIcon,
-            isLanding && styles.iconLandingContainer
-          )}>
-          <IconDarkMode />
-        </div>
-      </button>
-    </div>
-  );
-}
-export default React.memo(ColorModeToggle);
diff --git a/packages/docs-reanimated/src/theme/ColorModeToggle/styles.module.css b/packages/docs-reanimated/src/theme/ColorModeToggle/styles.module.css
deleted file mode 100644
index 2c6403a6c72..00000000000
--- a/packages/docs-reanimated/src/theme/ColorModeToggle/styles.module.css
+++ /dev/null
@@ -1,77 +0,0 @@
-.toggle {
-  height: var(--swm-logo-height);
-  width: calc(2 * var(--swm-logo-height));
-
-  margin-right: 0;
-}
-
-.toggleButton {
-  -webkit-tap-highlight-color: transparent;
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  width: 100%;
-  height: 100%;
-
-  border: 1px solid var(--swm-color-mode-enabled);
-  border-radius: 0;
-  box-shadow: none;
-
-  transition: background var(--ifm-transition-fast);
-}
-
-.toggleButton:hover {
-  background: var(--ifm-color-emphasis-200);
-}
-
-.toggleButtonLanding.toggleButton:hover {
-  background: var(--swm-navy-light-20);
-}
-
-.toggleButtonLanding {
-  border: 1px solid var(--swm-color-mode-enabled-landing);
-}
-
-.toggleButtonDisabled {
-  cursor: not-allowed;
-}
-
-.iconContainer {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  flex: 1;
-  height: 100%;
-
-  color: var(--swm-color-mode-disabled-color);
-}
-
-.iconContainer svg {
-  width: 65%;
-  height: 65%;
-}
-
-.iconLandingContainer {
-  color: var(--swm-color-mode-disabled-color-landing);
-}
-
-.darkIconContainer {
-  flex: 1;
-  height: 100%;
-  transform: scaleX(-1);
-}
-
-[data-theme='dark'] .darkToggleIcon,
-[data-theme='light'] .lightToggleIcon {
-  color: var(--ifm-font-color-base);
-  background-color: var(--swm-color-mode-enabled);
-}
-
-[data-theme='dark'] .iconLandingContainer.darkToggleIcon,
-[data-theme='light'] .iconLandingContainer.lightToggleIcon {
-  color: var(--swm-color-mode-enabled-color-landing);
-  background-color: var(--swm-color-mode-enabled-landing);
-}
diff --git a/packages/docs-reanimated/src/theme/DocCard/styles.module.css b/packages/docs-reanimated/src/theme/DocCard/styles.module.css
deleted file mode 100644
index ec01c613b71..00000000000
--- a/packages/docs-reanimated/src/theme/DocCard/styles.module.css
+++ /dev/null
@@ -1,57 +0,0 @@
-.cardContainer {
-  --ifm-link-hover-decoration: none;
-
-  box-shadow: none;
-  border: 1px solid var(--swm-card-border);
-  border-radius: 0;
-  background-color: var(--swm-card-background);
-
-  transition: all var(--ifm-transition-fast) ease;
-  transition-property: border, box-shadow;
-
-  display: flex;
-  flex-direction: row;
-}
-
-.cardContainer:hover {
-  border: 1px solid var(--swm-card-border-hover);
-}
-
-.cardContainer *:last-child {
-  margin-bottom: 0;
-}
-
-/* Prevent labels from overflowing from cards */
-.cardLabels {
-  min-width: 0;
-}
-
-.cardIconWrapper {
-  width: 24px;
-  margin-right: 8px;
-}
-
-.cardIcon {
-  height: 24px;
-  min-width: 24px;
-
-  margin: 4px 0 0 0;
-}
-
-.cardContainer h2 {
-  font-size: 22px;
-  line-height: 1.3;
-  letter-spacing: var(--swm-heading-letter-spacing-smaller);
-}
-
-.cardContainer p {
-  font-size: 16px;
-}
-
-.cardTitle {
-  font-size: 1.2rem;
-}
-
-.cardDescription {
-  font-size: 0.8rem;
-}
diff --git a/packages/docs-reanimated/src/theme/DocCategoryGeneratedIndexPage/index.js b/packages/docs-reanimated/src/theme/DocCategoryGeneratedIndexPage/index.js
deleted file mode 100644
index d6f9db8eef4..00000000000
--- a/packages/docs-reanimated/src/theme/DocCategoryGeneratedIndexPage/index.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import DocCategoryGeneratedIndexPage from '@theme-original/DocCategoryGeneratedIndexPage';
-import styles from './styles.module.css';
-
-export default function DocCategoryGeneratedIndexPageWrapper(props) {
-  return (
-    <>
-      <DocCategoryGeneratedIndexPage {...props} />
-    </>
-  );
-}
diff --git a/packages/docs-reanimated/src/theme/DocCategoryGeneratedIndexPage/styles.module.css b/packages/docs-reanimated/src/theme/DocCategoryGeneratedIndexPage/styles.module.css
deleted file mode 100644
index d7803271459..00000000000
--- a/packages/docs-reanimated/src/theme/DocCategoryGeneratedIndexPage/styles.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-[class*='DocCategoryGeneratedIndexPage'][class*='title'] {
-  font-size: var(--swm-h1-font-size);
-}
diff --git a/packages/docs-reanimated/src/theme/DocItem/TOC/Mobile/styles.module.css b/packages/docs-reanimated/src/theme/DocItem/TOC/Mobile/styles.module.css
deleted file mode 100644
index 672b17da411..00000000000
--- a/packages/docs-reanimated/src/theme/DocItem/TOC/Mobile/styles.module.css
+++ /dev/null
@@ -1,4 +0,0 @@
-/* Disable table of contents on mobile version. */
-.toc_mobile__wrapper {
-  display: none;
-}
diff --git a/packages/docs-reanimated/src/theme/DocSidebar/Desktop/CollapseButton/index.js b/packages/docs-reanimated/src/theme/DocSidebar/Desktop/CollapseButton/index.js
deleted file mode 100644
index 8bb4cfb2a48..00000000000
--- a/packages/docs-reanimated/src/theme/DocSidebar/Desktop/CollapseButton/index.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import { translate } from '@docusaurus/Translate';
-import IconArrow from '@theme/Icon/Arrow';
-import styles from './styles.module.css';
-export default function CollapseButton({ onClick }) {
-  return (
-    <button
-      type="button"
-      title={translate({
-        id: 'theme.docs.sidebar.collapseButtonTitle',
-        message: 'Collapse sidebar',
-        description: 'The title attribute for collapse button of doc sidebar',
-      })}
-      aria-label={translate({
-        id: 'theme.docs.sidebar.collapseButtonAriaLabel',
-        message: 'Collapse sidebar',
-        description: 'The title attribute for collapse button of doc sidebar',
-      })}
-      className={clsx(
-        'button button--secondary button--outline',
-        styles.collapseSidebarButton
-      )}
-      onClick={onClick}>
-      <IconArrow className={styles.collapseSidebarButtonIcon} />
-    </button>
-  );
-}
diff --git a/packages/docs-reanimated/src/theme/DocSidebar/Desktop/CollapseButton/styles.module.css b/packages/docs-reanimated/src/theme/DocSidebar/Desktop/CollapseButton/styles.module.css
deleted file mode 100644
index b52cf576ffd..00000000000
--- a/packages/docs-reanimated/src/theme/DocSidebar/Desktop/CollapseButton/styles.module.css
+++ /dev/null
@@ -1,40 +0,0 @@
-:root {
-  --docusaurus-collapse-button-bg: transparent;
-  --docusaurus-collapse-button-bg-hover: rgba(0, 0, 0, 0.1);
-}
-
-[data-theme='dark']:root {
-  --docusaurus-collapse-button-bg: rgba(255, 255, 255, 0.05);
-  --docusaurus-collapse-button-bg-hover: rgba(255, 255, 255, 0.1);
-}
-
-@media (min-width: 996px) {
-  .collapseSidebarButton {
-    display: block !important;
-    background-color: var(--docusaurus-collapse-button-bg);
-    height: var(--swm-logo-height);
-    position: sticky;
-    bottom: 0;
-    border-radius: 0;
-    border: 1px solid var(--ifm-toc-border-color);
-  }
-
-  .collapseSidebarButtonIcon {
-    transform: rotate(180deg);
-    margin-top: 4px;
-  }
-
-  [dir='rtl'] .collapseSidebarButtonIcon {
-    transform: rotate(0);
-  }
-
-  .collapseSidebarButton:hover,
-  .collapseSidebarButton:focus {
-    background-color: var(--docusaurus-collapse-button-bg-hover);
-  }
-}
-
-.collapseSidebarButton {
-  display: none;
-  margin: 0;
-}
diff --git a/packages/docs-reanimated/src/theme/DocSidebar/Desktop/Content/index.js b/packages/docs-reanimated/src/theme/DocSidebar/Desktop/Content/index.js
deleted file mode 100644
index e654c0d0bbb..00000000000
--- a/packages/docs-reanimated/src/theme/DocSidebar/Desktop/Content/index.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import React, { useState } from 'react';
-import clsx from 'clsx';
-import { ThemeClassNames } from '@docusaurus/theme-common';
-import {
-  useAnnouncementBar,
-  useScrollPosition,
-} from '@docusaurus/theme-common/internal';
-import { translate } from '@docusaurus/Translate';
-import DocSidebarItems from '@theme/DocSidebarItems';
-import styles from './styles.module.css';
-function useShowAnnouncementBar() {
-  const { isActive } = useAnnouncementBar();
-  const [showAnnouncementBar, setShowAnnouncementBar] = useState(isActive);
-  useScrollPosition(
-    ({ scrollY }) => {
-      if (isActive) {
-        setShowAnnouncementBar(scrollY === 0);
-      }
-    },
-    [isActive]
-  );
-  return isActive && showAnnouncementBar;
-}
-export default function DocSidebarDesktopContent({ path, sidebar, className }) {
-  const showAnnouncementBar = useShowAnnouncementBar();
-  return (
-    <nav
-      aria-label={translate({
-        id: 'theme.docs.sidebar.navAriaLabel',
-        message: 'Docs sidebar',
-        description: 'The ARIA label for the sidebar navigation',
-      })}
-      className={clsx(
-        'menu thin-scrollbar',
-        styles.menu,
-        showAnnouncementBar && styles.menuWithAnnouncementBar,
-        className
-      )}>
-      <ul className={clsx(ThemeClassNames.docs.docSidebarMenu, 'menu__list')}>
-        <DocSidebarItems items={sidebar} activePath={path} level={1} />
-      </ul>
-    </nav>
-  );
-}
diff --git a/packages/docs-reanimated/src/theme/DocSidebar/Desktop/Content/styles.module.css b/packages/docs-reanimated/src/theme/DocSidebar/Desktop/Content/styles.module.css
deleted file mode 100644
index cf69c8e80db..00000000000
--- a/packages/docs-reanimated/src/theme/DocSidebar/Desktop/Content/styles.module.css
+++ /dev/null
@@ -1,17 +0,0 @@
-@media (min-width: 996px) {
-  .menu {
-    flex-grow: 1;
-    padding: 0.5rem;
-    padding-left: 2rem;
-  }
-  @supports (scrollbar-gutter: stable) {
-    .menu {
-      padding: 0.5rem 0 0.5rem 2rem;
-      scrollbar-gutter: stable;
-    }
-  }
-
-  .menuWithAnnouncementBar {
-    margin-bottom: var(--docusaurus-announcement-bar-height);
-  }
-}
diff --git a/packages/docs-reanimated/src/theme/DocSidebar/Desktop/index.js b/packages/docs-reanimated/src/theme/DocSidebar/Desktop/index.js
deleted file mode 100644
index 7e888c25a8b..00000000000
--- a/packages/docs-reanimated/src/theme/DocSidebar/Desktop/index.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import { useThemeConfig } from '@docusaurus/theme-common';
-import Logo from '@theme/Logo';
-import CollapseButton from '@theme/DocSidebar/Desktop/CollapseButton';
-import Content from '@theme/DocSidebar/Desktop/Content';
-import styles from './styles.module.css';
-function DocSidebarDesktop({ path, sidebar, onCollapse, isHidden }) {
-  const {
-    navbar: { hideOnScroll },
-    docs: {
-      sidebar: { hideable },
-    },
-  } = useThemeConfig();
-  return (
-    <div
-      className={clsx(
-        styles.sidebar,
-        hideOnScroll && styles.sidebarWithHideableNavbar,
-        isHidden && styles.sidebarHidden
-      )}>
-      {hideOnScroll && <Logo tabIndex={-1} className={styles.sidebarLogo} />}
-      <Content path={path} sidebar={sidebar} />
-      {hideable && <CollapseButton onClick={onCollapse} />}
-    </div>
-  );
-}
-export default React.memo(DocSidebarDesktop);
diff --git a/packages/docs-reanimated/src/theme/DocSidebar/Desktop/styles.module.css b/packages/docs-reanimated/src/theme/DocSidebar/Desktop/styles.module.css
deleted file mode 100644
index 3363de081e5..00000000000
--- a/packages/docs-reanimated/src/theme/DocSidebar/Desktop/styles.module.css
+++ /dev/null
@@ -1,39 +0,0 @@
-@media (min-width: 996px) {
-  .sidebar {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    padding-top: var(--ifm-navbar-height);
-    width: var(--doc-sidebar-width);
-
-    background-color: var(--swm-off-background);
-  }
-
-  .sidebarWithHideableNavbar {
-    padding-top: 0;
-  }
-
-  .sidebarHidden {
-    opacity: 0;
-    visibility: hidden;
-  }
-
-  .sidebarLogo {
-    display: flex !important;
-    align-items: center;
-    margin: 0 var(--ifm-navbar-padding-horizontal);
-    min-height: var(--ifm-navbar-height);
-    max-height: var(--ifm-navbar-height);
-    color: inherit !important;
-    text-decoration: none !important;
-  }
-
-  .sidebarLogo img {
-    margin-right: 0.5rem;
-    height: 2rem;
-  }
-}
-
-.sidebarLogo {
-  display: none;
-}
diff --git a/packages/docs-reanimated/src/theme/DocSidebar/Mobile/index.js b/packages/docs-reanimated/src/theme/DocSidebar/Mobile/index.js
deleted file mode 100644
index 01cf93496dd..00000000000
--- a/packages/docs-reanimated/src/theme/DocSidebar/Mobile/index.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import {
-  NavbarSecondaryMenuFiller,
-  ThemeClassNames,
-} from '@docusaurus/theme-common';
-import { useNavbarMobileSidebar } from '@docusaurus/theme-common/internal';
-import DocSidebarItems from '@theme/DocSidebarItems';
-
-// eslint-disable-next-line react/function-component-definition
-const DocSidebarMobileSecondaryMenu = ({ sidebar, path }) => {
-  const mobileSidebar = useNavbarMobileSidebar();
-  return (
-    <ul className={clsx(ThemeClassNames.docs.docSidebarMenu, 'menu__list')}>
-      <DocSidebarItems
-        items={sidebar}
-        activePath={path}
-        onItemClick={(item) => {
-          // Mobile sidebar should only be closed if the category has a link
-          if ((item.type === 'category' && item.href) || item.type === 'link') {
-            mobileSidebar.toggle();
-          }
-        }}
-        level={1}
-      />
-    </ul>
-  );
-};
-function DocSidebarMobile(props) {
-  return (
-    <NavbarSecondaryMenuFiller
-      component={DocSidebarMobileSecondaryMenu}
-      props={props}
-    />
-  );
-}
-export default React.memo(DocSidebarMobile);
diff --git a/packages/docs-reanimated/src/theme/DocSidebar/Mobile/styles.module.css b/packages/docs-reanimated/src/theme/DocSidebar/Mobile/styles.module.css
deleted file mode 100644
index f3e93eea5f2..00000000000
--- a/packages/docs-reanimated/src/theme/DocSidebar/Mobile/styles.module.css
+++ /dev/null
@@ -1,8 +0,0 @@
-[class*='navbar-sidebar'] {
-  --ifm-navbar-background-color: var(--swm-sidebar-background);
-  --ifm-navbar-sidebar-width: 70vw;
-}
-
-[class*='navbar-sidebar__item'] [class*='navbar-sidebar__back'] {
-  display: none;
-}
diff --git a/packages/docs-reanimated/src/theme/DocSidebar/styles.module.css b/packages/docs-reanimated/src/theme/DocSidebar/styles.module.css
deleted file mode 100644
index 41025c036a0..00000000000
--- a/packages/docs-reanimated/src/theme/DocSidebar/styles.module.css
+++ /dev/null
@@ -1,79 +0,0 @@
-[class*='menu__list'] ul {
-  margin-bottom: 16px;
-  padding-left: 0;
-}
-
-@media (max-width: 996px) {
-  [class*='menu__list'] ul {
-    margin-left: 0;
-    padding-left: 8px;
-  }
-}
-
-[class*='menu__list'] ul li a {
-  padding-left: 0;
-}
-
-[class*='menu__list']:hover {
-  background-color: transparent !important;
-}
-
-[class*='menu__list-item-collapsible'] a {
-  margin: 8px 0 8px 0;
-
-  text-decoration: none;
-  color: var(--ifm-font-color-base);
-}
-
-@media (max-width: 996px) {
-  [class*='menu__list-item-collapsible'] a {
-    margin: 4px 0 8px 0;
-  }
-}
-
-[class*='menu__list-item'] [class*='menu__list']:first-of-type {
-  --ifm-menu-link-padding-vertical: 6px;
-  --ifm-menu-link-padding-horizontal: 0;
-  margin-top: 0 !important;
-}
-
-[class*='menu__list-item-collapsible--active'] {
-  text-decoration: none;
-
-  background-color: transparent !important;
-  color: var(--ifm-font-color-base);
-}
-
-[class*='menu__link'] {
-  white-space: pre-wrap;
-  overflow-wrap: anywhere;
-}
-
-[class*='menu__link']:not(.menu__link--sublist) {
-  --ifm-menu-color: var(--swm-sidebar-menu-color);
-  background-color: transparent;
-
-  transition: color 0.25s;
-}
-
-[class*='menu__link']:not([class*='menu__link--active']):hover,
-[class*='menu__list-item-collapsible'] [class*='menu__link--active']:hover {
-  text-decoration: none;
-  color: var(--swm-tab-hover);
-}
-
-[class*='menu__link--active'] {
-  text-decoration: underline;
-  text-underline-offset: 4px;
-
-  background-color: transparent !important;
-  color: var(--swm-tab-active);
-}
-
-[class*='menu__link--active']:hover {
-  text-decoration: underline;
-  text-underline-offset: 4px;
-
-  background-color: transparent !important;
-  color: var(--swm-tab-active);
-}
diff --git a/packages/docs-reanimated/src/theme/DocSidebarItem/index.js b/packages/docs-reanimated/src/theme/DocSidebarItem/index.js
deleted file mode 100644
index 800308d52bd..00000000000
--- a/packages/docs-reanimated/src/theme/DocSidebarItem/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { DocSidebarItem } from '@swmansion/t-rex-ui';
-
-export default DocSidebarItem;
diff --git a/packages/docs-reanimated/src/theme/DocSidebarItems/index.js b/packages/docs-reanimated/src/theme/DocSidebarItems/index.js
deleted file mode 100644
index 9af18840d1e..00000000000
--- a/packages/docs-reanimated/src/theme/DocSidebarItems/index.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import React, { memo } from 'react';
-import { DocSidebarItemsExpandedStateProvider } from '@docusaurus/theme-common/internal';
-import DocSidebarItem from '@theme/DocSidebarItem';
-import SidebarLabel from '@site/src/components/SidebarLabel';
-import styles from './styles.module.css';
-
-const EXPERIMENTAL_APIs = ['shared-element-transitions/overview'];
-const NEW_APIS = ['advanced/useComposedEventHandler'];
-
-// TODO this item should probably not receive the "activePath" props
-// TODO this triggers whole sidebar re-renders on navigation
-function DocSidebarItems({ items, ...props }) {
-  return (
-    <DocSidebarItemsExpandedStateProvider>
-      {items.map((item, index) => (
-        <div className={styles.wrapper} key={`${item.docId}-${index}`}>
-          <DocSidebarItem item={item} index={index} {...props} />
-          {EXPERIMENTAL_APIs.includes(item.docId) && (
-            <SidebarLabel key={item.docId} type="experimental" />
-          )}
-          {NEW_APIS.includes(item.docId) && (
-            <SidebarLabel key={item.docId} type="new" />
-          )}
-        </div>
-      ))}
-    </DocSidebarItemsExpandedStateProvider>
-  );
-}
-// Optimize sidebar at each "level"
-export default memo(DocSidebarItems);
diff --git a/packages/docs-reanimated/src/theme/DocSidebarItems/styles.module.css b/packages/docs-reanimated/src/theme/DocSidebarItems/styles.module.css
deleted file mode 100644
index 6f47f80a4e2..00000000000
--- a/packages/docs-reanimated/src/theme/DocSidebarItems/styles.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.wrapper {
-  display: flex;
-}
diff --git a/packages/docs-reanimated/src/theme/Footer/Copyright/index.js b/packages/docs-reanimated/src/theme/Footer/Copyright/index.js
deleted file mode 100644
index a2a19262d24..00000000000
--- a/packages/docs-reanimated/src/theme/Footer/Copyright/index.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import styles from './styles.module.css';
-import useBaseUrl from '@docusaurus/useBaseUrl';
-import ThemedImage from '@theme/ThemedImage';
-
-import usePageType from '@site/src/hooks/usePageType';
-
-const BRAND_LINK = 'https://swmansion.com/';
-
-export default function FooterCopyright({ copyright }) {
-  const { isDocumentation } = usePageType();
-
-  const brandLogo = {
-    light: useBaseUrl('/img/brand.svg'),
-    dark: useBaseUrl('/img/brand-dark.svg'),
-  };
-
-  return (
-    <div className={clsx('footer__copyright', styles.footer)}>
-      {
-        <a href={BRAND_LINK} target="_blank">
-          <div className={styles.footer__logo}>
-            <ThemedImage sources={brandLogo} />
-          </div>
-        </a>
-      }
-      <p className={clsx(!isDocumentation && styles.landing)}>
-        <span className={styles.footer__brand}>
-          &copy;{' '}
-          <a href={BRAND_LINK} target="_blank">
-            Software Mansion
-          </a>
-          {' ' + new Date().getFullYear()}.
-        </span>
-        {` ${copyright}`}
-      </p>
-    </div>
-  );
-}
diff --git a/packages/docs-reanimated/src/theme/Footer/Copyright/styles.module.css b/packages/docs-reanimated/src/theme/Footer/Copyright/styles.module.css
deleted file mode 100644
index 67577a610c5..00000000000
--- a/packages/docs-reanimated/src/theme/Footer/Copyright/styles.module.css
+++ /dev/null
@@ -1,70 +0,0 @@
-footer {
-  --ifm-footer-padding-vertical: 33px;
-  --ifm-footer-padding-horizontal: 4rem;
-  --ifm-footer-background-color: var(--swm-background);
-}
-
-@media (max-width: 996px) {
-  footer {
-    --ifm-footer-padding-vertical: 1.5em;
-  }
-}
-
-.footer {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-}
-
-@media (max-width: 996px) {
-  .footer {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-}
-
-footer p {
-  color: var(--swm-copyright-color);
-  margin-bottom: 0;
-
-  text-align: left;
-}
-
-footer p.landing {
-  color: var(--swm-copyright-color-landing);
-}
-
-@media (max-width: 996px) {
-  footer [class*='footer__copyright'] {
-    padding: 0 8px 0 8px;
-  }
-}
-
-.footer__brand {
-  color: var(--swm-brand-copyright-color);
-}
-
-.footer__brand a {
-  text-decoration: none;
-}
-
-.landing .footer__brand {
-  color: var(--swm-brand-copyright-color-landing);
-}
-
-.footer__logo {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  margin-right: 40px;
-}
-
-@media (max-width: 996px) {
-  .footer__logo {
-    width: 60px;
-    height: 32px;
-
-    margin: 0 0 1rem 0;
-  }
-}
diff --git a/packages/docs-reanimated/src/theme/Footer/Layout/index.js b/packages/docs-reanimated/src/theme/Footer/Layout/index.js
deleted file mode 100644
index ce6c165b448..00000000000
--- a/packages/docs-reanimated/src/theme/Footer/Layout/index.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import styles from './styles.module.css';
-
-import usePageType from '@site/src/hooks/usePageType';
-
-export default function FooterLayout({ style, links, logo, copyright }) {
-  const { isLanding } = usePageType();
-
-  return (
-    <footer
-      className={clsx('footer', isLanding && styles.footerLanding, {
-        'footer--dark': style === 'dark',
-      })}>
-      <div className="container container-fluid">
-        {links}
-        {(logo || copyright) && (
-          <div className="footer__bottom text--center">
-            {logo && <div className="margin-bottom--sm">{logo}</div>}
-            {copyright}
-          </div>
-        )}
-      </div>
-    </footer>
-  );
-}
diff --git a/packages/docs-reanimated/src/theme/Footer/Layout/styles.module.css b/packages/docs-reanimated/src/theme/Footer/Layout/styles.module.css
deleted file mode 100644
index 6fc6af7d359..00000000000
--- a/packages/docs-reanimated/src/theme/Footer/Layout/styles.module.css
+++ /dev/null
@@ -1,96 +0,0 @@
-footer {
-  position: relative;
-}
-
-.footerLanding {
-  --ifm-footer-background-color: transparent;
-  --ifm-footer-padding-horizontal: 0;
-}
-
-@media (min-width: 996px) and (max-width: 1280px) {
-  .footerLanding [class*='footer__copyright'] {
-    padding: 0 2rem;
-  }
-}
-
-.sponsorsBackground {
-  position: absolute;
-  bottom: 0;
-
-  background: linear-gradient(
-      180deg,
-      var(--swm-white) 0%,
-      rgba(252, 252, 255, 0) 60.77%
-    ),
-    linear-gradient(
-      180deg,
-      var(--swm-yellow-light-20) 0%,
-      var(--swm-red-light-40) 50%,
-      var(--swm-purple-light-40) 100%
-    );
-  width: 100%;
-  height: 40vh;
-
-  z-index: -100;
-}
-
-[data-theme='dark'] .sponsorsBackground {
-  background: linear-gradient(
-    180deg,
-    var(--swm-navy) 0%,
-    var(--swm-purple-dark-100) 143%
-  );
-}
-
-.sponsorsBackgroundStars svg {
-  position: absolute;
-  bottom: 10%;
-
-  width: 100%;
-}
-
-.sponsorsBackgroundStars svg circle:nth-child(2n) {
-  animation: 2.9s starBlink infinite;
-}
-
-.sponsorsBackgroundStars svg circle:nth-child(2n + 1) {
-  animation: 2.4s starBlink infinite;
-}
-
-.sponsorsBackgroundStars svg circle:nth-child(3n) {
-  animation: 3.2s starBlink infinite;
-}
-
-.sponsorsBackgroundStars svg circle:nth-child(3n + 1) {
-  animation: 4.6s starBlink infinite;
-}
-
-.sponsorsBackgroundStars svg path:nth-child(2n) {
-  animation: 2.7s starBlink infinite;
-}
-
-.sponsorsBackgroundStars svg path:nth-child(2n + 1) {
-  animation: 2.1s starBlink infinite;
-}
-
-.sponsorsBackgroundStars svg path:nth-child(3n) {
-  animation: 3.6s starBlink infinite;
-}
-
-.sponsorsBackgroundStars svg path:nth-child(3n + 1) {
-  animation: 4.2s starBlink infinite;
-}
-
-@keyframes starBlink {
-  0% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0.15;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
diff --git a/packages/docs-reanimated/src/theme/Logo/LogoStyling.tsx b/packages/docs-reanimated/src/theme/Logo/LogoStyling.tsx
deleted file mode 100644
index e8f2112f993..00000000000
--- a/packages/docs-reanimated/src/theme/Logo/LogoStyling.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import React from 'react';
-import Link from '@docusaurus/Link';
-import useBaseUrl from '@docusaurus/useBaseUrl';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import { useThemeConfig, type NavbarLogo } from '@docusaurus/theme-common';
-import ThemedImage from '@theme/ThemedImage';
-import type { Props } from '@theme/Logo';
-import usePageType from '@site/src/hooks/usePageType';
-
-interface LogoProps extends Props {
-  readonly titleImages?: { light: string; dark: string };
-  readonly heroImages?: {
-    logo: string;
-    title: string;
-  };
-}
-
-const getWrappedImage = (className: string, image: JSX.Element) => {
-  return className ? <div className={className}>{image}</div> : image;
-};
-
-const LogoThemedImage = ({
-  logo,
-  alt,
-  imageClassName,
-}: {
-  logo: NavbarLogo;
-  alt: string;
-  imageClassName?: string;
-}) => {
-  const sources = {
-    light: useBaseUrl(logo.src),
-    dark: useBaseUrl(logo.srcDark || logo.src),
-  };
-  const themedImage = (
-    <ThemedImage
-      className={logo.className}
-      sources={sources}
-      height={logo.height}
-      width={logo.width}
-      alt={alt}
-      style={logo.style}
-    />
-  );
-
-  // Is this extra div really necessary?
-  // introduced in https://github.com/facebook/docusaurus/pull/5666
-  return getWrappedImage(imageClassName, themedImage);
-};
-
-const LogoStyling = (props: LogoProps): JSX.Element => {
-  const {
-    siteConfig: { title },
-  } = useDocusaurusContext();
-  const {
-    navbar: { title: navbarTitle, logo },
-  } = useThemeConfig();
-  const { isLanding } = usePageType();
-  const {
-    titleImages,
-    heroImages,
-    imageClassName,
-    titleClassName,
-    ...propsRest
-  } = props;
-  const logoLink = useBaseUrl(logo?.href || '/');
-
-  // If visible title is shown, fallback alt text should be
-  // an empty string to mark the logo as decorative.
-  const fallbackAlt = navbarTitle ? '' : title;
-
-  // Use logo alt text if provided (including empty string),
-  // and provide a sensible fallback otherwise.
-  const alt = logo?.alt ?? fallbackAlt;
-
-  const HeroLogo: NavbarLogo = {
-    src: props.heroImages.logo,
-  };
-
-  const titleImage = {
-    docs: <ThemedImage sources={titleImages} />,
-    hero: (
-      <ThemedImage
-        sources={{
-          light: props.heroImages.title,
-          dark: props.heroImages.title,
-        }}
-      />
-    ),
-  };
-
-  return (
-    <Link
-      to={logoLink}
-      {...propsRest}
-      {...(logo?.target && { target: logo.target })}>
-      {logo && !isLanding ? (
-        <LogoThemedImage
-          logo={logo}
-          alt={alt}
-          imageClassName={imageClassName}
-        />
-      ) : (
-        <LogoThemedImage
-          logo={HeroLogo}
-          alt={alt}
-          imageClassName={imageClassName}
-        />
-      )}
-
-      {titleImages && !isLanding
-        ? getWrappedImage(titleClassName, titleImage.docs)
-        : getWrappedImage(titleClassName, titleImage.hero)}
-    </Link>
-  );
-};
-
-export default LogoStyling;
diff --git a/packages/docs-reanimated/src/theme/Logo/index.js b/packages/docs-reanimated/src/theme/Logo/index.js
deleted file mode 100644
index 424c9c40a94..00000000000
--- a/packages/docs-reanimated/src/theme/Logo/index.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-import LogoStyling from '@site/src/theme/Logo/LogoStyling';
-import useBaseUrl from '@docusaurus/useBaseUrl';
-import styles from './styles.module.css';
-
-export default function LogoWrapper(props) {
-  const titleImages = {
-    light: useBaseUrl('/img/title.svg'),
-    dark: useBaseUrl('/img/title-dark.svg'),
-  };
-
-  const heroImages = {
-    logo: useBaseUrl('/img/logo-hero.svg'),
-    title: useBaseUrl('/img/title-hero.svg'),
-  };
-
-  return (
-    <div>
-      <LogoStyling
-        titleImages={titleImages}
-        heroImages={heroImages}
-        className={styles.navbar__logo}
-        titleClassName={styles.navbar__title}
-      />
-    </div>
-  );
-}
diff --git a/packages/docs-reanimated/src/theme/Logo/styles.module.css b/packages/docs-reanimated/src/theme/Logo/styles.module.css
deleted file mode 100644
index 3f0b7e3da83..00000000000
--- a/packages/docs-reanimated/src/theme/Logo/styles.module.css
+++ /dev/null
@@ -1,48 +0,0 @@
-:root {
-  --swm-logo-height: 36px;
-}
-
-.navbar__logo {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  width: 218px;
-}
-
-@media (max-width: 996px) {
-  .navbar__logo {
-    width: 50px;
-  }
-}
-
-.navbar__logo img {
-  height: var(--swm-logo-height);
-}
-
-/* Hide logo on mobile sidebar */
-[class*='navbar-sidebar'] [class*='navbar__logo'] {
-  display: none;
-}
-
-/* Logo shown on the sidebar after scrolling down the page. */
-@media (min-width: 996px) {
-  [class*='sidebar'] [class*='navbar__logo'] {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 60px;
-  }
-}
-
-.navbar__title {
-  margin-left: 1em;
-  height: var(--swm-logo-height);
-}
-
-@media (max-width: 996px) {
-  .navbar__title {
-    display: none;
-  }
-}
diff --git a/packages/docs-reanimated/src/theme/Navbar/Content/index.js b/packages/docs-reanimated/src/theme/Navbar/Content/index.js
deleted file mode 100644
index dbaa576ef57..00000000000
--- a/packages/docs-reanimated/src/theme/Navbar/Content/index.js
+++ /dev/null
@@ -1,97 +0,0 @@
-import React from 'react';
-import {
-  useThemeConfig,
-  ErrorCauseBoundary,
-  useWindowSize,
-} from '@docusaurus/theme-common';
-import {
-  splitNavbarItems,
-  useNavbarMobileSidebar,
-} from '@docusaurus/theme-common/internal';
-import NavbarItem from '@theme/NavbarItem';
-import NavbarColorModeToggle from '@theme/Navbar/ColorModeToggle';
-import NavbarMobileSidebarToggle from '@theme/Navbar/MobileSidebar/Toggle';
-import NavbarLogo from '@theme/Navbar/Logo';
-import styles from './styles.module.css';
-import clsx from 'clsx';
-import usePageType from '@site/src/hooks/usePageType';
-import AlgoliaSearchBar from '@site/src/components/AlgoliaSearchBar';
-
-function useNavbarItems() {
-  return useThemeConfig().navbar.items;
-}
-
-function NavbarItems({ items, isDocumentation = true }) {
-  return (
-    <>
-      {items.map((item, i) => (
-        <ErrorCauseBoundary
-          key={i}
-          onError={(error) =>
-            new Error(
-              `A theme navbar item failed to render.
-Please double-check the following navbar item (themeConfig.navbar.items) of your Docusaurus config:
-${JSON.stringify(item, null, 2)}`,
-              { cause: error }
-            )
-          }>
-          <NavbarItem {...item} />
-        </ErrorCauseBoundary>
-      ))}
-    </>
-  );
-}
-function NavbarContentLayout({ left, right }) {
-  const { isLanding } = usePageType();
-
-  return (
-    <div className="navbar__inner">
-      <div className="navbar__items">{left}</div>
-      <div
-        className={clsx(
-          'navbar__items navbar__items--right',
-          isLanding && styles.navbarItemsLanding
-        )}>
-        {right}
-      </div>
-    </div>
-  );
-}
-
-export default function NavbarContent() {
-  const windowSize = useWindowSize();
-  const isMobile = windowSize === 'mobile';
-
-  const { isDocumentation, isLanding } = usePageType();
-  const mobileSidebar = useNavbarMobileSidebar();
-  const items = useNavbarItems();
-  const [leftItems, rightItems] = splitNavbarItems(items);
-  const searchBarItem = items.find((item) => item.type === 'search');
-  return (
-    <NavbarContentLayout
-      left={
-        <>
-          <div className={styles.logoWrapper}>
-            <NavbarLogo />
-          </div>
-          {!isLanding && <NavbarItems items={leftItems} />}
-          {!searchBarItem && !isMobile && !isLanding && <AlgoliaSearchBar />}
-          {!isMobile && isDocumentation && (
-            <NavbarColorModeToggle className={styles.colorModeToggle} />
-          )}
-        </>
-      }
-      right={
-        <>
-          {(isLanding || (!isMobile && !isDocumentation)) && (
-            <NavbarColorModeToggle className={styles.colorModeToggle} />
-          )}
-          <NavbarItems items={rightItems} isDocumentation={isDocumentation} />
-          {!mobileSidebar.disabled && !isLanding && (
-            <NavbarMobileSidebarToggle />
-          )}
-        </>
-      }
-    />
-  );
-}
diff --git a/packages/docs-reanimated/src/theme/Navbar/Content/styles.module.css b/packages/docs-reanimated/src/theme/Navbar/Content/styles.module.css
deleted file mode 100644
index daf2cc4a5a4..00000000000
--- a/packages/docs-reanimated/src/theme/Navbar/Content/styles.module.css
+++ /dev/null
@@ -1,81 +0,0 @@
-nav {
-  --ifm-navbar-padding-vertical: 0 1.25rem;
-  --ifm-navbar-padding-horizontal: 0 0;
-  --ifm-navbar-height: 60px;
-
-  --ifm-navbar-shadow: none;
-}
-
-@media (max-height: 768px) {
-  nav {
-    --ifm-navbar-height: 56px;
-  }
-}
-
-@media (max-width: 996px) {
-  nav {
-    --ifm-navbar-padding-vertical: 0;
-    --ifm-navbar-padding-horizontal: 1.5em;
-  }
-}
-
-@media (min-width: 996px) {
-  .logoWrapper {
-    display: flex;
-    justify-content: center;
-    width: 300px;
-  }
-}
-
-.colorModeToggle {
-  margin: 0 1.5em;
-}
-
-/* In other pages than documentation, Docusaurus disables margin-right for the last element on the right side.
- * This block disables this behavior.
- */
-[class*='navbar__items--right'] > :last-child {
-  padding: var(--ifm-navbar-item-padding-vertical)
-    var(--ifm-navbar-item-padding-horizontal);
-}
-
-[class*='dropdown__menu'] {
-  background-color: var(--swm-dropdown-versions-background);
-  border-radius: 4px;
-  margin-top: 0;
-  padding: 8px;
-  width: 100%;
-}
-
-.navbarItemsLanding [class*='dropdown--right'] a {
-  color: var(--swm-off-white);
-}
-
-.navbarItemsLanding [class*='dropdown__menu'] a,
-[class*='dropdown__menu'] a {
-  color: var(--swm-dropdown-versions-item);
-  border: 1px solid transparent;
-}
-
-.navbarItemsLanding [class*='dropdown__menu'] a:hover,
-[class*='dropdown__menu'] a:hover {
-  color: var(--swm-dropdown-versions-item-hover);
-  border: 1px solid var(--swm-dropdown-versions-item-border);
-  background-color: var(--swm-dropdown-versions-item-background);
-}
-
-[class*='dropdown__link--active'] {
-  color: var(--swm-dropdown-versions-item-active) !important;
-  background-color: var(--swm-dropdown-versions-item-background-active);
-}
-
-[class*='dropdown__link--active']:hover {
-  color: var(--swm-dropdown-versions-item-active-hover) !important;
-}
-
-@media (min-width: 996px) {
-  [class*='navbar__items--left'] {
-    flex: 1;
-    width: 100%;
-  }
-}
diff --git a/packages/docs-reanimated/src/theme/Navbar/Layout/index.js b/packages/docs-reanimated/src/theme/Navbar/Layout/index.js
deleted file mode 100644
index a05d61e93ae..00000000000
--- a/packages/docs-reanimated/src/theme/Navbar/Layout/index.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import React, { useEffect } from 'react';
-import clsx from 'clsx';
-import { useThemeConfig } from '@docusaurus/theme-common';
-import {
-  useAnnouncementBar,
-  useHideableNavbar,
-  useNavbarMobileSidebar,
-} from '@docusaurus/theme-common/internal';
-import { translate } from '@docusaurus/Translate';
-import NavbarMobileSidebar from '@theme/Navbar/MobileSidebar';
-import styles from './styles.module.css';
-import usePageType from '@site/src/hooks/usePageType';
-
-function NavbarBackdrop(props) {
-  return (
-    <div
-      role="presentation"
-      {...props}
-      className={clsx('navbar-sidebar__backdrop', props.className)}
-    />
-  );
-}
-
-export default function NavbarLayout({ children }) {
-  const {
-    navbar: { hideOnScroll, style },
-  } = useThemeConfig();
-  const mobileSidebar = useNavbarMobileSidebar();
-  const { navbarRef, isNavbarVisible } = useHideableNavbar(hideOnScroll);
-  const { isLanding } = usePageType();
-
-  return (
-    <nav
-      ref={navbarRef}
-      aria-label={translate({
-        id: 'theme.NavBar.navAriaLabel',
-        message: 'Main',
-        description: 'The ARIA label for the main navigation',
-      })}
-      className={clsx(
-        'navbar',
-        !isLanding && 'navbar--fixed-top',
-        isLanding && styles.navbarLanding,
-        hideOnScroll && [
-          styles.navbarHideable,
-          !isNavbarVisible && styles.navbarHidden,
-        ],
-        {
-          'navbar--dark': style === 'dark',
-          'navbar--primary': style === 'primary',
-          'navbar-sidebar--show': mobileSidebar.shown,
-        }
-      )}>
-      {children}
-      <NavbarBackdrop onClick={mobileSidebar.toggle} />
-      <NavbarMobileSidebar />
-    </nav>
-  );
-}
diff --git a/packages/docs-reanimated/src/theme/Navbar/Layout/styles.module.css b/packages/docs-reanimated/src/theme/Navbar/Layout/styles.module.css
deleted file mode 100644
index f3f3a90cdee..00000000000
--- a/packages/docs-reanimated/src/theme/Navbar/Layout/styles.module.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.navbarHideable {
-  transition: transform var(--ifm-transition-fast) ease;
-}
-
-.navbarHidden {
-  transform: translate3d(0, calc(-100% - 2px), 0);
-}
-
-[class*='navbar-sidebar__backdrop'] {
-  background-color: var(--swm-sidebar-backdrop);
-}
-
-.navbarLanding {
-  position: relative;
-  background-color: transparent;
-}
diff --git a/packages/docs-reanimated/src/theme/Navbar/MobileSidebar/Layout/index.js b/packages/docs-reanimated/src/theme/Navbar/MobileSidebar/Layout/index.js
deleted file mode 100644
index 319152a9572..00000000000
--- a/packages/docs-reanimated/src/theme/Navbar/MobileSidebar/Layout/index.js
+++ /dev/null
@@ -1,66 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import styles from './styles.module.css';
-import AlgoliaSearchBar from '@site/src/components/AlgoliaSearchBar';
-import usePageType from '@site/src/hooks/usePageType';
-import { useAllDocsData } from '@docusaurus/plugin-content-docs/client';
-import { useLocation } from '@docusaurus/router';
-
-function isActive(path, locationPathname) {
-  return locationPathname.startsWith(path);
-}
-
-export default function NavbarMobileSidebarLayout({ header, secondaryMenu }) {
-  const { isLanding } = usePageType();
-
-  const data = useAllDocsData();
-  const { versions } = data.default;
-  const reversed = [...versions].reverse();
-
-  const location = useLocation();
-  const activeVersion = reversed.find((version) =>
-    isActive(version.path, location.pathname)
-  );
-
-  return (
-    <div className="navbar-sidebar">
-      {header}
-      {!isLanding && <AlgoliaSearchBar />}
-      <div className={clsx('navbar-sidebar__items')}>
-        <div className="navbar-sidebar__item menu">{secondaryMenu}</div>
-      </div>
-      <div className={styles.sidebarFooter}>
-        <div className={styles.sidebarVersions}>
-          <span className={styles.sidebarVersionLabel}>Versions:</span>
-          {reversed.map((version) => {
-            return (
-              <a
-                key={version.label}
-                href={
-                  version.isLast
-                    ? `${version.path}/${version.mainDocId}`
-                    : version.path
-                }
-                className={clsx(
-                  styles.sidebarVersion,
-                  activeVersion?.label === version.label && styles.active
-                )}>
-                {version.label}
-              </a>
-            );
-          })}
-        </div>
-        <div className="navbar-sidebar__rightItems">
-          <a
-            href={'/react-native-reanimated/docs/fundamentals/getting-started'}>
-            Docs
-          </a>
-          <a href={'/react-native-reanimated/examples/accordion'}>Examples</a>
-          <a href="https://github.com/software-mansion/react-native-reanimated/tree/main/docs">
-            <div className={clsx(styles.sidebarGithubIcon, 'header-github')} />
-          </a>
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/packages/docs-reanimated/src/theme/Navbar/MobileSidebar/Layout/styles.module.css b/packages/docs-reanimated/src/theme/Navbar/MobileSidebar/Layout/styles.module.css
deleted file mode 100644
index e21f4d6dfa2..00000000000
--- a/packages/docs-reanimated/src/theme/Navbar/MobileSidebar/Layout/styles.module.css
+++ /dev/null
@@ -1,61 +0,0 @@
-[class*='navbar-sidebar__items'] {
-  --swm-navbar-sidebar-items-height: 127px; /* Overall height of additional items in mobile sidebar */
-  height: calc(
-    100% - var(--ifm-navbar-height) - var(--swm-navbar-sidebar-items-height)
-  );
-  padding-left: 1rem;
-}
-
-[class*='navbar-sidebar__back'] {
-  display: none;
-}
-
-[class*='navbar-sidebar__backdrop'] {
-  display: block;
-}
-
-[class*='navbar-sidebar__brand'] {
-  padding-left: 20px;
-}
-
-@media (max-width: 996px) {
-  [class*='navbar-sidebar__brand'] {
-    --ifm-navbar-height: 68px;
-  }
-}
-
-[class*='navbar-sidebar'] {
-  background-color: var(--swm-off-background);
-}
-
-.sidebarGithubIcon {
-  width: 26px;
-  height: 26px;
-  cursor: pointer;
-}
-
-.sidebarFooter {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-weight: var(--ifm-font-weight-semibold);
-
-  padding: 0 1em;
-
-  height: 4em;
-  background-color: var(--swm-sidebar-elements-background);
-}
-
-.sidebarVersionLabel {
-  margin-right: 12px;
-}
-
-.sidebarVersion {
-  margin: 0 8px;
-  color: var(--swm-sidebar-elements-version-inactive);
-}
-
-.active {
-  color: var(--swm-sidebar-elements-version-text);
-  text-decoration: underline;
-}
diff --git a/packages/docs-reanimated/src/theme/Navbar/MobileSidebar/PrimaryMenu/index.js b/packages/docs-reanimated/src/theme/Navbar/MobileSidebar/PrimaryMenu/index.js
deleted file mode 100644
index a58ca7f91b7..00000000000
--- a/packages/docs-reanimated/src/theme/Navbar/MobileSidebar/PrimaryMenu/index.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import { useThemeConfig } from '@docusaurus/theme-common';
-import { useNavbarMobileSidebar } from '@docusaurus/theme-common/internal';
-import NavbarItem from '@theme/NavbarItem';
-
-function useNavbarItems() {
-  // TODO temporary casting until ThemeConfig type is improved
-  return useThemeConfig().navbar.items;
-}
-
-const ignoredClassNames = ['header-github'];
-
-// Filter items on mobile sidebar (such as GitHub icon) that contains specified className
-function filterIgnoredItems(items) {
-  return items.filter((item) =>
-    item.className ? !ignoredClassNames.includes(item.className) : item
-  );
-}
-
-// The primary menu displays the navbar items
-export default function NavbarMobilePrimaryMenu() {
-  const mobileSidebar = useNavbarMobileSidebar();
-
-  // TODO how can the order be defined for mobile?
-  // Should we allow providing a different list of items?
-  const items = useNavbarItems();
-  const filteredItems = filterIgnoredItems(items);
-
-  return (
-    <ul className="menu__list">
-      {filteredItems.map((item, i) => (
-        <NavbarItem
-          mobile
-          {...item}
-          onClick={() => mobileSidebar.toggle()}
-          key={i}
-        />
-      ))}
-    </ul>
-  );
-}
diff --git a/packages/docs-reanimated/src/theme/PaginatorNavLink/styles.module.css b/packages/docs-reanimated/src/theme/PaginatorNavLink/styles.module.css
deleted file mode 100644
index 2f93c6c3662..00000000000
--- a/packages/docs-reanimated/src/theme/PaginatorNavLink/styles.module.css
+++ /dev/null
@@ -1,66 +0,0 @@
-.pagination {
-  display: flex;
-  flex-direction: column;
-
-  padding: 1em 0;
-  border: none;
-
-  --ifm-pagination-nav-border-radius: 0;
-}
-
-/* Main class for sublabel, used by Docusaurus. */
-[class*='pagination-nav__sublabel'] {
-  margin-bottom: 0;
-  color: var(--swm-paginator-sublabel);
-
-  font-size: var(--swm-paginator-sublabel-font-size);
-  text-transform: var(--swm-paginator-sublabel-text-transform);
-}
-
-.paginationSublabel {
-  display: flex;
-  align-items: center;
-}
-
-.paginationNext {
-  flex-direction: row-reverse;
-}
-
-.paginationPrevious {
-  justify-content: flex-start;
-}
-
-.paginationArrow {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.paginationNext .paginationArrow {
-  margin-left: 12px;
-  margin-right: 6px;
-}
-
-.paginationPrevious .paginationArrow {
-  margin-left: 6px;
-  margin-right: 12px;
-}
-
-/* Main class for label, used by Docusaurus. */
-[class*='pagination-nav__label'] {
-  color: var(--swm-paginator-label);
-  transition: color 0.25s;
-
-  font-size: var(--swm-paginator-label-font-size);
-  font-weight: var(--swm-paginator-label-font-weight);
-}
-
-.pagination:hover [class*='pagination-nav__label'] {
-  color: var(--swm-paginator-label-hover);
-}
-
-/* Remove arrows from labels that are being added by default by Docusaurus. */
-[class*='pagination-nav__label']:before,
-[class*='pagination-nav__label']:after {
-  content: none !important;
-}
diff --git a/packages/docs-reanimated/src/theme/SearchBar/index.js b/packages/docs-reanimated/src/theme/SearchBar/index.js
deleted file mode 100644
index 102108fd5e1..00000000000
--- a/packages/docs-reanimated/src/theme/SearchBar/index.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import SearchBar from '@theme-original/SearchBar';
-import styles from './styles.module.css';
-
-export default function SearchBarWrapper(props) {
-  return (
-    <>
-      <SearchBar {...props} />
-    </>
-  );
-}
diff --git a/packages/docs-reanimated/src/theme/SearchBar/styles.module.css b/packages/docs-reanimated/src/theme/SearchBar/styles.module.css
deleted file mode 100644
index 2ad6dff42c7..00000000000
--- a/packages/docs-reanimated/src/theme/SearchBar/styles.module.css
+++ /dev/null
@@ -1,134 +0,0 @@
-[class*='DocSearch-Modal'] {
-  --docsearch-modal-background: var(--swm-off-background);
-  --docsearch-spacing: 16px;
-}
-
-@media (max-width: 768px) {
-  [class*='DocSearch-Modal'] {
-    --docsearch-spacing: 24px;
-  }
-}
-
-@media (min-width: 768px) {
-  [class*='DocSearch-SearchBar'] {
-    padding: 24px var(--docsearch-spacing) 0 !important;
-  }
-}
-
-[class*='DocSearch-Footer'] {
-  --docsearch-footer-height: 52px;
-  --docsearch-spacing: 18px;
-}
-
-[class*='DocSearch-Form'] {
-  --docsearch-searchbox-shadow: none;
-  --docsearch-spacing: 16px;
-  --docsearch-searchbox-focus-background: var(--swm-searchbar-background);
-
-  border: 1px solid var(--swm-searchbar-border);
-  border-radius: 0 !important;
-}
-
-[class*='DocSearch-Form'] [class*='DocSearch-Input'] {
-  padding: 0 0 0 6px;
-}
-
-[class*='DocSearch-Input']::placeholder {
-  color: var(--swm-searchbar-text-color) !important;
-}
-
-[class*='DocSearch-Hit-source'] {
-  font-size: 20px !important;
-  line-height: 1.3 !important;
-  letter-spacing: var(--swm-heading-letter-spacing-smaller);
-
-  padding: 0 !important;
-  margin: 24px 0 8px 0 !important;
-}
-
-@media (max-width: 768px) {
-  [class*='DocSearch-Hit-source'] {
-    margin: 24px 0 16px 0 !important;
-  }
-}
-
-[class*='DocSearch-Hit'],
-[class*='DocSearch-Hit'] a {
-  border-radius: 0 !important;
-}
-
-[class*='DocSearch-Hit'] a {
-  --docsearch-hit-shadow: none;
-  --docsearch-hit-background: var(--swm-search-hit-background);
-  border: 1px solid var(--swm-search-hit-border);
-}
-
-[class*='DocSearch-Hit'][aria-selected='true'] a {
-  --docsearch-highlight-color: var(--swm-search-hit-background-hover);
-  border: 1px solid var(--swm-search-hit-border-hover);
-}
-
-@media (max-width: 768px) {
-  [class*='DocSearch-Hit'] a,
-  [class*='DocSearch-Hit'][aria-selected='true'] a {
-    border: none;
-  }
-}
-
-[class*='DocSearch-Hits'] *[aria-selected='false'] {
-  --docsearch-hit-active-color: var(--ifm-font-color-base) !important;
-}
-
-[class*='DocSearch-Hits'] *[aria-selected='true'] {
-  --docsearch-hit-active-color: var(--swm-search-hit-active-color) !important;
-}
-
-[class*='DocSearch-Hits'] mark {
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-
-[class*='DocSearch-Hit-Container'] {
-  --docsearch-hit-color: var(--ifm-font-color-base);
-  font-weight: 400;
-}
-
-[class*='DocSearch-Hit-content-wrapper'] {
-  font-weight: 400 !important;
-}
-
-[class*='DocSearch-Hit-title'] {
-  font-size: 16px !important;
-}
-
-[class*='DocSearch-Hit-path'],
-[class*='DocSearch-Hit-icon'] {
-  --docsearch-muted-color: var(--ifm-font-color-base);
-  font-size: 14px !important;
-}
-
-[class*='DocSearch-Hit-action-button'] {
-  color: var(--docsearch-hit-active-color) !important;
-}
-
-[class*='DocSearch-HitsFooter'] {
-  --docsearch-muted-color: var(--ifm-font-color-base);
-  font-size: 18px !important;
-  padding: 20px var(--docsearch-spacing) 22px var(--docsearch-spacing) !important;
-}
-
-@media (max-width: 768px) {
-  [class*='DocSearch-HitsFooter'] {
-    font-size: 12px !important;
-    padding: 24px var(--docsearch-spacing);
-  }
-}
-
-[class*='DocSearch-HitsFooter'] a {
-  border: none;
-}
-
-[class*='DocSearch-Commands-Key'],
-[class*='DocSearch-Label'] {
-  --docsearch-muted-color: var(--swm-search-hit-results-color);
-}
diff --git a/packages/docs-reanimated/src/theme/SearchPage/styles.module.css b/packages/docs-reanimated/src/theme/SearchPage/styles.module.css
deleted file mode 100644
index 3a2f012d4f1..00000000000
--- a/packages/docs-reanimated/src/theme/SearchPage/styles.module.css
+++ /dev/null
@@ -1,164 +0,0 @@
-.searchContainer {
-  width: 60%;
-}
-
-.searchQueryLabel {
-  margin-bottom: 21px;
-}
-
-.searchQueryInput,
-.searchVersionInput {
-  border-radius: 0;
-  border: 1px solid var(--swm-searchbar-border);
-  font: var(--ifm-font-size-base) var(--ifm-font-family-base);
-  padding: 1rem 20px;
-  width: 100%;
-  background: var(--swm-searchbar-background);
-  color: var(--swm-search-page-query-text-color);
-  margin-bottom: 0.5rem;
-  transition: border var(--ifm-transition-fast) ease;
-}
-
-.searchQueryInput:focus,
-.searchVersionInput:focus {
-  border-color: var(--swm-searchbar-border-hover);
-  outline: none;
-}
-
-.searchQueryInput::placeholder {
-  color: var(--docsearch-muted-color);
-}
-
-.searchResultsRow {
-  margin: 46px 0 51px 0;
-}
-
-.searchResultsColumn {
-  font-size: 18px;
-  padding: 0;
-}
-
-.searchLogoColumn {
-  padding: 0;
-}
-
-.algoliaLogo {
-  max-width: 150px;
-}
-
-.algoliaLogoPathFill {
-  fill: var(--ifm-font-color-base);
-}
-
-.searchResultItem {
-  padding: 1rem 0;
-}
-
-.searchResultItem:not(:last-child) {
-  border-bottom: 1px solid var(--swm-searchbar-border);
-}
-
-.searchResultItemHeading {
-  margin-bottom: 0;
-
-  color: var(--ifm-font-color-base);
-  font-weight: var(--swm-search-page-heading-font-weight);
-  font-size: var(--swm-h3-font-size);
-}
-
-.searchResultItem [class*='breadcrumbs__item'] {
-  color: var(--ifm-font-color-base);
-  font-size: 16px;
-}
-
-.searchResultItem [class*='breadcrumbs__item']::after {
-  display: none;
-}
-
-.breadcrumbArrow {
-  margin: 0 var(--ifm-breadcrumb-spacing);
-}
-
-.searchResultItemPath {
-  --ifm-breadcrumb-separator-size-multiplier: 1;
-  margin-top: 0.5rem;
-
-  color: var(--ifm-color-content-secondary);
-  font-size: 0.8rem;
-}
-
-.searchResultItemSummary {
-  margin: 0.5rem 0 0;
-  font-size: 14px;
-}
-
-.searchResultItemSeparator {
-  --ifm-hr-background-color: var(--swm-navy-light-20);
-  margin: 0;
-}
-
-@media only screen and (max-width: 996px) {
-  .searchContainer {
-    width: 100%;
-  }
-
-  .searchVersionColumn {
-    max-width: 40% !important;
-  }
-
-  .searchResultsColumn {
-    max-width: 60% !important;
-  }
-
-  .searchLogoColumn {
-    max-width: 40% !important;
-    padding-left: 0 !important;
-  }
-}
-
-@media screen and (max-width: 576px) {
-  .searchQueryColumn {
-    max-width: 100% !important;
-  }
-
-  .searchVersionColumn {
-    max-width: 100% !important;
-    padding-left: var(--ifm-spacing-horizontal) !important;
-  }
-}
-
-.loadingSpinner {
-  width: 3rem;
-  height: 3rem;
-  border: 0.4em solid var(--swm-navy-light-10);
-  border-top-color: var(--swm-navy-light-80);
-  border-radius: 50%;
-  animation: loading-spin 1s linear infinite;
-  margin: 0 auto;
-}
-
-@keyframes loading-spin {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-.loader {
-  margin-top: 2rem;
-}
-
-:global(.search-result-match) {
-  padding: 0.09em 0;
-
-  font-style: inherit;
-  text-decoration: underline;
-  text-decoration-skip-ink: none;
-  text-underline-offset: 2px;
-}
-
-/* Larger underline offset in headings */
-[class*='searchResultItemHeading'] [class*='search-result-match'],
-[class*='searchResultItemHeading']:hover {
-  text-underline-offset: 4px;
-  text-decoration-skip-ink: none;
-}
diff --git a/packages/docs-reanimated/src/theme/TOCItems/styles.module.css b/packages/docs-reanimated/src/theme/TOCItems/styles.module.css
deleted file mode 100644
index 73a184ec2f4..00000000000
--- a/packages/docs-reanimated/src/theme/TOCItems/styles.module.css
+++ /dev/null
@@ -1,15 +0,0 @@
-.tocItems span {
-  font-weight: 500;
-  font-size: 16px;
-  line-height: 1.2;
-}
-
-.tocItems a[class*='active'] span {
-  text-decoration: underline;
-  text-underline-offset: 4px;
-}
-
-.tocItems a code {
-  padding: 0;
-  background-color: inherit;
-}