chore: theme docs

This commit is contained in:
mathuo 2025-03-10 21:25:11 +00:00
parent c0119d65c0
commit e34fb43913
No known key found for this signature in database
GPG Key ID: C6EEDEFD6CA07281
2 changed files with 742 additions and 228 deletions

View File

@ -6,7 +6,7 @@ title: Theme
import { CSSVariablesTable, ThemeTable } from '@site/src/components/cssVariables';
import { DocRef } from '@site/src/components/ui/reference/docRef';
Dockview components accept a `theme` property which is highly customizable, the theme is largly controlled through CSS however some properties can only be adjusted
by direct editing variables of the `theme` object.
@ -55,6 +55,13 @@ const {className} = themeAbyss;
The source code for all themes can be found [here](https://github.com/mathuo/dockview/blob/master/packages/dockview-core/src/theme.scss) and the associated CSS [here](https://github.com/mathuo/dockview/blob/master/packages/dockview-core/src/theme.scss).
:::
## Build your own theme
You can define your own `DockviewTheme` object and pass it to the `theme` property.
<DocRef declaration="DockviewTheme" />
## Customizing Theme
The provided themes are controlled primarily through a long list of CSS variables which can be modified by the user either entirely for a new theme

File diff suppressed because it is too large Load Diff