Copy link to headline:@sit-onyx/vitepress-theme
Custom VitePress(opens in a new tab) theme that uses the onyx brand colors (which are currently the same as the Schwarz Digits brand colors).
info The theme doesn't currently use the entire onyx framework but will be updated in the future.
The very documentation you are reading here is also using this exact custom Vitepress theme.
It extends the default VitePress theme so you can use the same config(opens in a new tab) that you are already familiar with (which includes search, sidebar etc.).
Copy link to headline:Changelog
A full changelog can be found here.
Copy link to headline:Features
The theme includes the following features:
- light and dark theme that matches the onyx design
- colored gradient logo background on the home page
- Font families matching the onyx typography system
Copy link to headline:Installation
Copy link to headline:Usage
You can check the VitePress documentation(opens in a new tab) for further information.
Copy link to headline:Utilities
This package also includes some VitePress utilities that you can use on-demand.
Copy link to headline:Breakpoint SCSS mixin
Applies CSS only to the given VitePress breakpoint.
details Available VitePress breakpoints
| Breakpoint name | Value |
|---|---|
| xs | 375px |
| s | 640px |
| m | 768px |
| l | 960px |
| xl | 1280px |
| xxl | 1440px |