import { FC } from 'react' ; import { useThematic } from './' ; /**
 * This component applies root-level styles to your application using the theme defaults.
 */ export const ApplicationStyles = ( ) => { const theme = useThematic ( ) ; return ( < style > { `
        html,
        body {
            background-color: ${ theme . application ( ) . background ( ) . hex ( ) };
            color: ${ theme . application ( ) . foreground ( ) . hex ( ) };
        }
        a {
            color: ${ theme . application ( ) . accent ( ) . hex ( ) };
        }
    ` } < /style>); } ;