From 8f0a0d3b1a93c6df84b812e941a7a3e58b7f7636 Mon Sep 17 00:00:00 2001 From: Hossein Mehrabi Date: Fri, 7 Jul 2023 17:22:07 +0330 Subject: [PATCH] fix: use LSD default themes in all pages --- .../src/client/lib/themes.ts | 88 +------------------ 1 file changed, 2 insertions(+), 86 deletions(-) diff --git a/packages/logos-docusaurus-theme/src/client/lib/themes.ts b/packages/logos-docusaurus-theme/src/client/lib/themes.ts index 31ded1a..6d14a6c 100644 --- a/packages/logos-docusaurus-theme/src/client/lib/themes.ts +++ b/packages/logos-docusaurus-theme/src/client/lib/themes.ts @@ -1,92 +1,9 @@ -import { - createTheme, - CreateThemeProps, - defaultThemes, - Theme, -} from '@acid-info/lsd-react' -import { useActivePlugin } from '@docusaurus/plugin-content-docs/lib/client/index.js' +import { createTheme, defaultThemes, Theme } from '@acid-info/lsd-react' import { useColorMode } from '@docusaurus/theme-common' import { css } from '@emotion/react' import { useMemo } from 'react' import { useThemeOptions } from './useThemeOptions' -const typography: CreateThemeProps['typography'] = { - h1: { - fontSize: '2.875rem', - lineHeight: '3.25rem', - }, - h2: { - fontSize: '2rem', - lineHeight: '2.5rem', - }, - h3: { - fontSize: '1.5rem', - lineHeight: '2rem', - }, - h4: { - fontSize: '1.375rem', - lineHeight: '1.75rem', - }, -} - -const typographyMobile: CreateThemeProps['typography'] = { - h1: { - fontSize: '2.25rem', - lineHeight: '2.75rem', - }, - h2: { - fontSize: '1.75rem', - lineHeight: '2.25rem', - }, -} - -const breakpoints: CreateThemeProps['breakpoints'] = { - xs: { - width: 0, - typography: typographyMobile, - }, - sm: { - width: 576, - }, - md: { - width: 768, - }, - lg: { - width: 997, - typography, - }, - xl: { - width: 1200, - }, -} - -export const lightTheme = createTheme( - { - breakpoints, - palette: {}, - typography, - typographyGlobal: {}, - name: 'logos-docusaurus-theme-light', - }, - defaultThemes.light, -) - -export const darkTheme = createTheme( - { - breakpoints: breakpoints, - palette: {}, - typography, - typographyGlobal: {}, - name: 'logos-docusaurus-theme-dark', - }, - defaultThemes.dark, -) - -const docThemes = { - light: lightTheme, - dark: darkTheme, -} - const useThemeCssVars = (theme: Theme, colorMode: string) => useMemo( () => css` @@ -99,11 +16,10 @@ const useThemeCssVars = (theme: Theme, colorMode: string) => export const useTheme = () => { const colorMode = useColorMode() - const activePlugin = useActivePlugin() const { typography } = useThemeOptions() const genericFontFamily = typography?.genericFontFamily ?? 'sans-serif' - const baseThemes = activePlugin ? docThemes : defaultThemes + const baseThemes = defaultThemes const themes = useMemo(() => { const options = {