Styling

info

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

Introduction

DocSearch v4 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@4
# or
npm install @docsearch/css@4

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@4" />

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