mirror of
https://github.com/theoludwig/theoludwig.git
synced 2025-05-29 22:37:44 +02:00
perf!: monorepo setup + fully static + webp images
BREAKING CHANGE: minimum supported Node.js >= 22.0.0 and pnpm >= 9.5.0
This commit is contained in:
31
apps/storybook/stories/Colors.mdx
Normal file
31
apps/storybook/stories/Colors.mdx
Normal file
@ -0,0 +1,31 @@
|
||||
import { Meta, Title, ColorPalette, ColorItem } from "@storybook/blocks"
|
||||
import tailwindConfig from "@repo/config-tailwind"
|
||||
|
||||
<Meta title="Design System/Colors" />
|
||||
|
||||
<Title>Colors</Title>
|
||||
|
||||
<ColorPalette>
|
||||
{Object.entries(tailwindConfig.theme.colors).map(
|
||||
([colorName, colorValue]) => {
|
||||
const colors = {}
|
||||
|
||||
if (typeof colorValue === "string") {
|
||||
colors[colorName] = colorValue
|
||||
} else {
|
||||
colors.light = colorValue.DEFAULT
|
||||
colors.dark = colorValue.dark
|
||||
}
|
||||
|
||||
return (
|
||||
<ColorItem
|
||||
key={colorName}
|
||||
title={colorName}
|
||||
colors={colors}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
)}
|
||||
|
||||
</ColorPalette>
|
Reference in New Issue
Block a user