Styled Theme screenshot

Styled Theme

Author Avatar Theme by Diegohaz
Updated: 2 Dec 2017
181 Stars

Extensible theming system for styled-components

Categories

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.