@saas-ui/theme
Version:
Saas UI theme package
30 lines (28 loc) • 673 B
text/typescript
import { createMultiStyleConfigHelpers } from '@chakra-ui/styled-system'
import { hotkeysAnantomy } from '../../anatomy'
const { definePartsStyle, defineMultiStyleConfig } =
createMultiStyleConfigHelpers(hotkeysAnantomy.keys)
export const hotkeysTheme = defineMultiStyleConfig({
baseStyle: {
container: {
fontSize: 'md',
},
group: {
my: 2,
py: 2,
},
groupTitle: { py: 2, fontWeight: 'semibold', fontSize: 'sm' },
item: {
display: 'flex',
alignItems: 'center',
textAlign: 'start',
flex: '0 0 auto',
py: 2,
},
then: {
mr: 1,
fontSize: 'sm',
color: 'muted',
},
},
})