19c1ef9192
* feat(v4): add new UI (#2555) * feat: add new footer ui * feat: add new search box ui * feat: add searchbox actions * feat: add start screen * feat: add no results screen * feat: add new card ui * feat: add new icons * feat: add new key press class * fix: cypress tests * fix: circleci * fix: circleci * fix: close aria label * fix: circleci * fix: remove unused classes * fix: circleci * feat: update version * feat: add new dark mode ui * fix: colors * fix: design review * fix: hit title length * fix: improve accessibility * fix: ci * chore: increase bundle size threshold * fix: css * feat(v4): ask-ai foundations ✨ (#2574) * feat(v4): docsearch askAI context (#2587) * fix(v4): ask ai updates (#2654) * feat(v4): update beta documentation (#2659) * chore: release v4.0.0-beta.0 (#2660) * fix: make release run on branches like v4 * chore: release v4.0.0-beta.0 * hotfix: closing on askai error * chore: release v4.0.0-beta.1 (#2661) * fix: add a section on models * fix: update to `<package>@beta` * feat(docsearch-website): Updated docs (#2662) * feat(v4): update the landing page (#2665) * fix: beta in readme * feat: added glow around the search bar and a little copy above the keyboard * feat: add glow around the search bar and copy above the keyboard * fix: Add more styling * fix: polishing v4 (#2667) * chore: release v4.0.0-beta.2 (#2668) * fix: update docusaurus tarballs * fix(website): update docusaurus tarballs * fix: mobile search bar --------- Co-authored-by: Vasco Bettencourt <32492444+vascobettencourt@users.noreply.github.com> Co-authored-by: Natan Yagudayev <natanyagudayev@gmail.com>
58 lines
1.2 KiB
Markdown
58 lines
1.2 KiB
Markdown
---
|
||
title: Styling
|
||
---
|
||
|
||
:::info
|
||
|
||
The following content is for **[DocSearch v3][2]**.
|
||
If you are using **[DocSearch v2][3]**, see the **[legacy][4]** documentation.
|
||
|
||
If you are looking for **DocSearch v4**, see the documentation **[here][5]**.
|
||
|
||
:::
|
||
|
||
:::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`][1] and [`@docsearch/react`][1], you don't need to install it if you are using a package manager!
|
||
|
||
:::
|
||
|
||
## Installation
|
||
|
||
```bash
|
||
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:
|
||
|
||
```html
|
||
<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
|
||
```
|
||
|
||
[1]: /docs/v3/docsearch
|
||
[2]: https://github.com/algolia/docsearch/
|
||
[3]: https://github.com/algolia/docsearch/tree/master
|
||
[4]: /docs/legacy/dropdown
|
||
[5]: /docs/docsearch
|