Welcome to Trend Colors 👋

Color palettes for your project with react and styled-components

🏠 Homepage

How to use

styles/theme.js

import { MaterialUiPalette, ChakraUiPalette } from "trend-colors";

const theme = {
  ...ChakraUiPalette,
  primary: "#83c9f4",
  secondary: "#6f73d2",
  fore: "#1d2135",
  back: "#d9f0ff",
};
export default theme;

App.js

import { ThemeProvider } from "styled-components";
import theme from "./styles/theme";
import GlobalStyle from "./styles/global";

function App({ children }) {
  return (
    <ThemeProvider theme={theme}>
      <GlobalStyle />
      {children}
    </ThemeProvider>
  );
}

Author

👤 Pedro Henrique

• Website: https://pedrinholemes.web.app
• Twitter: @pedrinho_lemes
• Github: @pedrinholemes

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check issues page. You can also take a look at the contributing guide.

Show your support

Give a ⭐️ if this project helped you!

📝 License

Copyright © 2020 Pedro Henrique.

This project is MIT licensed.

This README was generated with ❤️ by readme-md-generator