Theming

ReservoirKit UI provides 2 preconfigured themes, darkMode and lightMode. They can be used as is or configured with some additional overrides:

const theme = darkTheme({
  headlineFont: "Sans Serif",
  font: "Serif",
  primaryColor: "#323aa8",
  primaryHoverColor: "#252ea5",
})

Click here for a full list of overrides.

If that isn't enough customization you can also create a completely custom ReservoirKitTheme.

const theme: ReservoirKitTheme = {
  radii: { ... },
  fonts: { ... },
  colors: { ... }
}