Skip to main content
Customize the theme colors in your project to create a cohesive and visually appealing interface. Each theme comes with a unique color palette that’s easy to adjust.

​
Customize

You have the flexibility to change the theme of this documentation by modifying the Tailwind CSS variables in @styles/globals.css and adjusting the syntax highlighting colors in @styles/syntax.css. If you’d like to use the predefined Nebula, Halloween, or Ocean themes, simply copy and paste the provided code into the respective files. Once added, you’ll immediately see the visual changes reflected in your documentation, enhancing its overall look and feel.

​
Nebula Theme

The Nebula theme provides a vibrant color palette, making your application visually appealing and engaging. The theme is inspired by the cosmos, featuring vibrant colors that enhance the reading experience.

    ​
    Halloween Theme

    The Halloween theme infuses your documentation with a spooky, festive atmosphere, ideal for seasonal content. Its design is inspired by Halloween motifs, featuring eerie colors and playful elements that enhance the overall reading experience.

      ​
      Ocean Theme

      The Ocean theme presents soothing colors drawn from the depths of the sea, fostering a tranquil reading environment. Its design evokes a sense of calm, enhancing the overall experience for users.
        For additional themes, visit this fantastic website with pre-made Shadcn themes: https://tinte.railly.dev/shadcn