histoire-dev / histoire-dev/histoire

Allow to set the font family and sizes on the global theme

Open
#178 1 comment 5 reactions 0 assignees View on GitHub
enhancement
Dominant language
TypeScript
Stars
3.6k
Forks
212
PR merge metrics
No merged PRs in 30d

Description

### Clear and concise description of the problem

As a developer using Histoire I want to use a brand font family and sizes so that the component library can be styled in a way that fits the design system of the brand.

### Suggested solution

Currently in the global theme you can set the colors (which is already great) and the logo. As it seems, Histoire is using tailwind css to style the library. In that case it would be a possibility to set the fontFamily, fontSizes and fontWeights within the global theme.

### Alternative

_No response_

### Additional context

I really appreciate the value that the Histoire library brings for Vue component library documentations as it is really easy to use and also fully done in Vue. Nevertheless, it would be really nice, if the styling of the library documentation has more options to align it with the design system of the company.

### Validations

- [X] Follow our [Code of Conduct](https://github.com/histoire-dev/histoire/blob/main/CODE_OF_CONDUCT.md)
- [X] Read the [Contributing Guidelines](https://github.com/histoire-dev/histoire/blob/main/CONTRIBUTING.md).
- [X] Read the [docs](https://histoire.dev/guide/).
- [X] Check that there isn't [already an issue](https://github.com/histoire-dev/histoire/issues) that requests the same feature to avoid creating a duplicate.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.