Styling

info

The following content is for DocSearch v3. If you are using DocSearch v2, see the legacy documentation.

If you are looking for DocSearch v4, see the documentation here.

caution

This documentation is in progress.

Introduction

DocSearch v3 comes with a theme package called @docsearch/css, which offers a sleek out of the box theme!

note

This package is a dependency of @docsearch/js and @docsearch/react, you don't need to install it if you are using a package manager!

Installation

yarn add @docsearch/css@3
# or
npm install @docsearch/css@3

If you don’t want to use a package manager, you can use a standalone endpoint:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />

Files

@docsearch/css
├── dist/style.css # all styles
├── dist/_variables.css # CSS variables
├── dist/button.css # CSS for the button
└── dist/modal.css # CSS for the modal