Shiny Theme
Inspired by — a clean, polished UI with purple accents and a professional light/dark design.
Usage
import { defineDocs } from "@farming-labs/docs";
import { shiny } from "@farming-labs/theme/shiny";
export default defineDocs({
entry: "docs",
theme: shiny(),
});@import "tailwindcss";
@import "@farming-labs/theme/shiny/css";Defaults
| Property | Value |
|---|---|
| Primary | hsl(256, 100%, 64%) (Purple) |
| Background | #f7f7f8 |
| Border | #e5e5ea |
| Border radius | Standard |
| Content width | 768px |
| Sidebar width | 280px |
| Header height | 64px |
Customizing
theme: shiny({
ui: {
colors: { primary: "hsl(170, 80%, 45%)" },
layout: { sidebarWidth: 300 },
},
}),Clerk-inspired theme with purple accents and a polished light/dark design
How is this guide?