Overview
styled-theme is a theming system for styled-components. It provides a set of helper methods and components to easily create and manage themes in your React applications.
Features
- ReversePalette: A helper method to reverse the colors in a palette.
- FontShorthand: A shorthand method to retrieve font values from the theme.
- SizeShorthand: A shorthand method to retrieve size values from the theme.
- Palette: A method to retrieve color values from the theme palette.
- Default theme structure: A predefined structure for the default theme.
Installation
To install the styled-theme package, you can use npm or yarn:
npm install styled-theme
or
yarn add styled-theme
Summary
styled-theme is a theming system for styled-components that provides a set of helper methods and components to easily create and manage themes in React applications. It offers features like reversing palette colors, retrieving font and size values from the theme, and accessing color values from the theme palette. The package also includes a default theme structure for convenience.