Theming

Using dark mode

Code

import { AnvilProvider } from '@servicetitan/design-system';
import { dark } from '@servicetitan/anvil-themes';

return (
    <AnvilProvider theme={dark}>
        <Button>This is a Button</Button>
    </AnvilProvider>
);

Figma

Checkout Anvil Handbook on how to switch between dark and light mode in Figma.

Theme Variables