ec86282403
* add dark theme selection to settings/schema
* use `useThemePrefs` where needed
* adjust theme providers to support various themes
* update storybook
* handle web themes
* better themeing for web
* dont show dark theme prefs when color mode is light
* drop the inverted text change on oled theme
* get the color mode inside of `useColorModeTheme`
* use `ThemeName` type everywhere
* typo
* use dim/dark instead of dark/oled
* prevent any fickers on web
* fix styles
* use `dim` for dark default
* more cleanup
* 🤔
* set system background color
* ts
40 lines
1.6 KiB
TypeScript
40 lines
1.6 KiB
TypeScript
import React from 'react'
|
|
import {Provider as ShellLayoutProvder} from './shell-layout'
|
|
import {Provider as DrawerOpenProvider} from './drawer-open'
|
|
import {Provider as DrawerSwipableProvider} from './drawer-swipe-disabled'
|
|
import {Provider as MinimalModeProvider} from './minimal-mode'
|
|
import {Provider as ColorModeProvider} from './color-mode'
|
|
import {Provider as OnboardingProvider} from './onboarding'
|
|
import {Provider as ComposerProvider} from './composer'
|
|
import {Provider as TickEveryMinuteProvider} from './tick-every-minute'
|
|
|
|
export {useIsDrawerOpen, useSetDrawerOpen} from './drawer-open'
|
|
export {
|
|
useIsDrawerSwipeDisabled,
|
|
useSetDrawerSwipeDisabled,
|
|
} from './drawer-swipe-disabled'
|
|
export {useMinimalShellMode, useSetMinimalShellMode} from './minimal-mode'
|
|
export {useThemePrefs, useSetThemePrefs} from './color-mode'
|
|
export {useOnboardingState, useOnboardingDispatch} from './onboarding'
|
|
export {useComposerState, useComposerControls} from './composer'
|
|
export {useTickEveryMinute} from './tick-every-minute'
|
|
|
|
export function Provider({children}: React.PropsWithChildren<{}>) {
|
|
return (
|
|
<ShellLayoutProvder>
|
|
<DrawerOpenProvider>
|
|
<DrawerSwipableProvider>
|
|
<MinimalModeProvider>
|
|
<ColorModeProvider>
|
|
<OnboardingProvider>
|
|
<ComposerProvider>
|
|
<TickEveryMinuteProvider>{children}</TickEveryMinuteProvider>
|
|
</ComposerProvider>
|
|
</OnboardingProvider>
|
|
</ColorModeProvider>
|
|
</MinimalModeProvider>
|
|
</DrawerSwipableProvider>
|
|
</DrawerOpenProvider>
|
|
</ShellLayoutProvder>
|
|
)
|
|
}
|