theme: dark status tokens + charts; remove font @import; contract conformance
Adds dark destructive/success/warning overrides, --chart-1..5, --info, subtitle, motion aliases. Font @import moved to README (PostCSS ordering). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
@@ -13,6 +13,13 @@ import like any other Crema theme.
|
||||
@import "tailwindcss";
|
||||
```
|
||||
|
||||
Load the fonts at the very top of your app's entry CSS (the theme no longer
|
||||
`@import`s them — the token contract bans font `@import`s inside `theme.css`):
|
||||
|
||||
```css
|
||||
@import url("https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,700;1,6..72,400&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");
|
||||
```
|
||||
|
||||
That's it. All `@crema/content-ui` consumers (Article, ArticleHeader,
|
||||
ArticleMeta, Prose, Pullquote, etc.) automatically pick up the editorial
|
||||
look because Modena targets `[data-slot="article"]` and `[data-slot="prose"]`.
|
||||
|
||||
Reference in New Issue
Block a user