@newskit-themes/barrons

Package exporting Newskit compatible themes 🎨 for Barrons

📦 Install

Use your favourite package manager to install @newskit-themes/barrons

npm install @newskit-themes/barrons

yarn add @newskit-themes/barrons

🔖 Current themes available:

Barrons-dark.json
Barrons-light.json

✍️ Usage

  // To import themes in json format
  
  import {newskitLightTheme} from 'newskit';
  import BarronsDark from '@newskit-themes/barrons/Barrons-dark.json'

  // compiling and merging it with a base theme
  export const barronsTheme = createTheme({
    name: 'barrons-theme',
    baseTheme: newskitLightTheme,
    overrides: BarronsDark,
  });

  ...
  
  < ThemeProvider theme={barronsTheme}>
    < Container>{children}< /Container>
  < /ThemeProvider>

  // To import themes in CSS variables format to CSS files (Currently only the sun & talktv are supported)

  @import '@newskit-themes/the-sun/thesun-light.css'
  @import '@newskit-themes/talktv/talktv-light.css';