You are currently on Anvil1, which is now in maintenance mode. Visit Anvil2 to get the latest version of the design system.
foundations / null

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