theme.config.jsx

import { Logo } from "./public/Logo";

// eslint-disable-next-line import/no-anonymous-default-export
export default {
  logo: (
    <header
      style={{
        color: "#02A8A8",
        fontWeight: 700,
        fontSize: 20,
        display: "flex",
        gap: 8,
        alignItems: "center",
      }}
    >
      <Logo width={36} height={36} />
      Scrollery
    </header>
  ),
  logoLink: "/",
  project: {
    link: "https://github.com/nguyend-nam/scrollery",
  },
  footer: {
    text: (
      <span style={{ color: "#6B7280" }}>
        <a href="https://choosealicense.com/licenses/isc/" target="_blank">
          ISC
        </a>{" "}
        ©{" "}
        <a
          href="https://github.com/nguyend-nam"
          target="_blank"
          style={{ fontWeight: 600, color: "#018383" }}
        >
          Nam Nguyen Dinh
        </a>
        .
      </span>
    ),
  },
  editLink: {
    component: () => null,
  },
  feedback: {
    content: null,
  },
  gitTimestamp: null,
  sidebar: {
    titleComponent: ({ title }) => (
      <span className="truncate doc-sidebar-item">{String(title)}</span>
    ),
  },
  darkMode: false,
  nextThemes: {
    defaultTheme: "light",
    forcedTheme: "light",
  },
};