@ittyniui/themes

Reusable theme objects and utilities for styled-components.

Installation

npm install @ittyniui/themes styled-components

Usage

import { ThemeProvider } from 'styled-components';
import { lightTheme, darkTheme } from '@ittyniui/themes';

function App() {
  return (
    <ThemeProvider theme={lightTheme}>
      <YourComponent />
    </ThemeProvider>
  );
}

Exports

• lightTheme
• darkTheme
• globalStyles
• Theme types from types.ts

Example: Switching Themes

import React, { useState } from 'react';
import { ThemeProvider } from 'styled-components';
import { lightTheme, darkTheme } from '@ittyniui/themes';

function App() {
  const [isDark, setIsDark] = useState(false);

  return (
    <ThemeProvider theme={isDark ? darkTheme : lightTheme}>
      <button onClick={() => setIsDark(d => !d)}>
        Toggle Theme
      </button>
      <YourComponent />
    </ThemeProvider>
  );
}