# Doctave 2.0 introduces customizable themes and a component system for documentation sites

DevFeed: [Doctave 2.0 introduces customizable themes and a component system for documentation sites](<https://devfeed.tech/articles/doctave-2-0-30946.md>)

Original publisher: [Read original article](<https://www.doctave.com/blog/doctave-v2>)

Author: Doctave Team

Published: 2024-05-22T07:00:00Z

Content type: release

Language: en

Sources: [Doctave - Build beautiful developer portals with docs-as-code](<https://devfeed.tech/sources/doctave-build-beautiful-developer-portals-with-docs-as-code.md>)

Topics: [Documentation](<https://devfeed.tech/topics/documentation.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>), [CSS](<https://devfeed.tech/topics/css.md>), [HTML](<https://devfeed.tech/topics/html.md>)

Tags: [blog](<https://devfeed.tech/tags/blog.md>), [configuration](<https://devfeed.tech/tags/configuration.md>), [css](<https://devfeed.tech/tags/css.md>), [dark-mode](<https://devfeed.tech/tags/dark-mode.md>), [documentation](<https://devfeed.tech/tags/documentation.md>), [html](<https://devfeed.tech/tags/html.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [openapi](<https://devfeed.tech/tags/openapi.md>), [release](<https://devfeed.tech/tags/release.md>), [ui-components](<https://devfeed.tech/tags/ui-components.md>)

## AI overview

Doctave 2.0 is a release for documentation sites that adds customizable themes, brand-based color scales, configurable border radii, and a component system for building reusable UI components and custom HTML/CSS.

## Source excerpt

Today is a big day! We're excited to release Doctave 2.0: our biggest and most ambitious release to date and we can't wait to show you everything we've built. This update brings with it a number of exciting features and improvements: An improved modern design A more customizable theme A brand new powerful component system Design Documentation sites on Doctave look better than ever with this design update. A picture tells a thousand words, so I'm going to let screenshots do most of the talking here. The familiar Doctave layout. Redefined. Every theme works in both light and dark mode without any additional configuration. OpenAPI specs have also been redesigned to match the new theme Customizable theme Doctave 2.0 computes a 12-point color scale based on your brand color and chosen grayscale. The theme will work with any color scheme with 2 lines of configuration. But you can go further than just customizing colors! You can configure the border radius of the design to match your brand: All this is configurable in your doctave.yaml project file with just a couple lines: 1 2 3 4 5 6 7 8 title: Nebularis Documentation doctave_version: 2 theme: radius: medium colors: accent: "#fa5b30" grayscale: mauve And we're not stopping there. Expect more configuration options in this space! 👀 Component System One of the things we kept hearing from customers is authors wanting to go beyond basic Markdown features. Beyond just prose, writers also want to be able to create compelling landing pages, galleries, and call-to-actions. After lots of iteration and unsatisfactory prototypes, and are excited to reveal our brand new component system! It allows you to: Use a library of pre-built, composable UI components Easily build your own reusable components from our building blocks Drop down to custom HTML/CSS when needed We've taken inspiration from many different template and component systems such as MDX, Markdoc, and Radix, and created a system specifically designed for documentation and