Eric Bailey
bd17f04810
* Add storybook shortcut in dev * Migrate to alg pkg * Migrate font_bold to new font_semi_bold * Migrate font_heavy to font_bold * Fix old theme refs * Remove leading util * Bump * Revert "Add storybook shortcut in dev" This reverts commit 7a86195c77fb5d449c7782e64ebabb6addfab919. * Remove alf script * Adjust font scale * Bump * Bump pkg * Migrate values from conflicts * Create default themes outside react * Use built-in alf utils * Migrate old font styles * Remove unused tokens * Move theme creation to more appropriate file * Update button colors * Adjust TextField colors, line heights
45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
import {
|
|
createThemes,
|
|
DEFAULT_PALETTE,
|
|
DEFAULT_SUBDUED_PALETTE,
|
|
} from '@bsky.app/alf'
|
|
|
|
const DEFAULT_THEMES = createThemes({
|
|
defaultPalette: DEFAULT_PALETTE,
|
|
subduedPalette: DEFAULT_SUBDUED_PALETTE,
|
|
})
|
|
|
|
export const themes = {
|
|
lightPalette: DEFAULT_THEMES.light.palette,
|
|
darkPalette: DEFAULT_THEMES.dark.palette,
|
|
dimPalette: DEFAULT_THEMES.dim.palette,
|
|
light: DEFAULT_THEMES.light,
|
|
dark: DEFAULT_THEMES.dark,
|
|
dim: DEFAULT_THEMES.dim,
|
|
}
|
|
|
|
/**
|
|
* @deprecated use ALF and access palette from `useTheme()`
|
|
*/
|
|
export const lightPalette = DEFAULT_THEMES.light.palette
|
|
/**
|
|
* @deprecated use ALF and access palette from `useTheme()`
|
|
*/
|
|
export const darkPalette = DEFAULT_THEMES.dark.palette
|
|
/**
|
|
* @deprecated use ALF and access palette from `useTheme()`
|
|
*/
|
|
export const dimPalette = DEFAULT_THEMES.dim.palette
|
|
/**
|
|
* @deprecated use ALF and access theme from `useTheme()`
|
|
*/
|
|
export const light = DEFAULT_THEMES.light
|
|
/**
|
|
* @deprecated use ALF and access theme from `useTheme()`
|
|
*/
|
|
export const dark = DEFAULT_THEMES.dark
|
|
/**
|
|
* @deprecated use ALF and access theme from `useTheme()`
|
|
*/
|
|
export const dim = DEFAULT_THEMES.dim
|