Themes

Créer un thème global : Packager vos Design tokens

Exemples de librairies UI

Les système de theme dans les librairies UI.

Fluent UI React

Fluent UI React Components is a set of UI components and utilities resulting from an effort to converge the set of React based component libraries in production today: @fluentui/react and @fluentui/react-northstar.

https://react.fluentui.dev/?path=/docs/theme-theme-designer—page

Customize Theme

How to modify Chakra UI's default theme

https://chakra-ui.com/docs/styled-system/customize-theme

Default theme viewer - Material UI

This tree view allows you to explore how the theme object looks like with the default values.

https://mui.com/material-ui/customization/default-theme/

daisyUI themes — Tailwind CSS Components ( version 4 update is here )

How to use daisyUI themes?

https://daisyui.com/docs/themes/

N.B. Vos besoins ne sont pas les mêmes que celles des librairies UI, donc gardez en ligne de mire que ce dont vous avez besoins.

Structure de theme

Exemples de la structure de fichier de definition d’un theme visuel.

Wordpress

Le schema de la structure des themes du moteur de blog Wordpress.

Theme.json Version 3 Reference (latest) – Block Editor Handbook | Developer.WordPress.org

This is the living specification for version 3 of theme.json. This version works with WordPress 6.6 or later, and the latest Gutenberg plugin.

https://developer.wordpress.org/block-editor/reference-guides/theme-json-reference/theme-json-living/

System UI

La specification d’un theme par System UI.

GitHub - system-ui/theme-specification: A specification for defining theme objects & design tokens for use with UI components

A specification for defining theme objects & design tokens for use with UI components - system-ui/theme-specification

https://github.com/system-ui/theme-specification

Theme API

Les themes de Design Tokens exposé via une API.

Inside Design Tokens: Theming

Theming in Design Systems is a de-facto standard way to exchange the look-and-feel of your product. There is a high divergence of what is a theme? What does it consist of? Which constraints exists when building a theme? When and what to use a theme for?

https://gos.si/blog/inside-design-tokens-theming