open-index/open-npm huggingface dataset:
npm package: @newskit-themes/barrons
Description: Use your favourite package manager to install @newskit-themes/barrons
Author: newskit-themes-publisher
Latest version: 0.0.2

Package exporting Newskit compatible themes 🎨 for Barrons 

### 📦 Install

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

<pre>
npm install @newskit-themes/barrons
</pre>

<pre>
yarn add @newskit-themes/barrons
</pre>

### 🔖 Current themes available: 

<pre>
Barrons-dark.json
Barrons-light.json
</pre>

### ✍️ Usage

<pre>
  // 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';

</pre>
npm package: @newskit-themes/factiva
Description: Use your favourite package manager to install @newskit-themes/factiva.
Author: newskit-themes-publisher
Latest version: 0.0.0-3133a6205

Package exporting Newskit compatible themes 🎨 for Factiva 

### 📦 Install

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

<pre>
npm install @newskit-themes/factiva
</pre>

<pre>
yarn add @newskit-themes/factiva
</pre>

### 🔖 Current themes available: 

<pre>
NK-Dark.json
NK-Light.json
</pre>

### ✍️ Usage

<pre>
  import {newskitLightTheme} from 'newskit';
  import NKDark from '@newskit-themes/factiva/NK-Dark.json'

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

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

</pre>
npm package: @newskit-themes/market-watch
Description: Use your favourite package manager to install @newskit-themes/market-watch
Author: newskit-themes-publisher
Latest version: 0.0.2

Package exporting Newskit compatible themes 🎨 for Market Watch 

### 📦 Install

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

<pre>
npm install @newskit-themes/market-watch
</pre>

<pre>
yarn add @newskit-themes/market-watch
</pre>

### 🔖 Current themes available: 

<pre>
MarketWatch-dark.json
MarketWatch-light.json
</pre>

### ✍️ Usage

<pre>
  // To import themes in json format
  
  import {newskitLightTheme} from 'newskit';
  import MarketWatchDark from '@newskit-themes/market-watch/MarketWatch-dark.json'

  // compiling and merging it with a base theme
  export const marketWatchTheme = createTheme({
    name: 'market-watch-theme',
    baseTheme: newskitLightTheme,
    overrides: MarketWatchDark,
  });

  ...
  
  < ThemeProvider theme={marketWatchTheme}>
    < 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';

</pre>
npm package: @newskit-themes/newskit
Description: Use your favourite package manager to install @newskit-themes/newskit
Author: newskit-themes-publisher
Latest version: 2.0.2

Package exporting Newskit compatible themes 🎨 for Newskit 

### 📦 Install

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

<pre>
npm install @newskit-themes/newskit
</pre>

<pre>
yarn add @newskit-themes/newskit
</pre>

### 🔖 Current themes available: 

<pre>
NK-dark.json
NK-light.json
</pre>

### ✍️ Usage

<pre>
  // To import themes in json format
  
  import {newskitLightTheme} from 'newskit';
  import NKDark from '@newskit-themes/newskit/NK-dark.json'

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

  ...
  
  < ThemeProvider theme={newskitTheme}>
    < 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';

</pre>
npm package: @newskit-themes/newskit-website
Description: Use your favourite package manager to install @newskit-themes/newskit-website
Author: newskit-themes-publisher
Latest version: 1.0.5

Package exporting Newskit compatible themes 🎨 for Newskit Website 

### 📦 Install

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

<pre>
npm install @newskit-themes/newskit-website
</pre>

<pre>
yarn add @newskit-themes/newskit-website
</pre>

### 🔖 Current themes available: 

<pre>
Documentation-dark-accessibility.json
Documentation-dark-foundations.json
Documentation-dark-patterns.json
Documentation-dark.json
Documentation-light-accessibility.json
Documentation-light-foundations.json
Documentation-light-patterns.json
Documentation-light.json
</pre>

### ✍️ Usage

<pre>
  // To import themes in json format
  
  import {newskitLightTheme} from 'newskit';
  import DocumentationDarkAccessibility from '@newskit-themes/newskit-website/Documentation-dark-accessibility.json'

  // compiling and merging it with a base theme
  export const newskitWebsiteTheme = createTheme({
    name: 'newskit-website-theme',
    baseTheme: newskitLightTheme,
    overrides: DocumentationDarkAccessibility,
  });

  ...
  
  < ThemeProvider theme={newskitWebsiteTheme}>
    < 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';

</pre>
npm package: @newskit-themes/openfin
Description: Use your favourite package manager to install @newskit-themes/openfin.
Author: newskit-themes-publisher
Latest version: 0.0.0-3133a6205

Package exporting Newskit compatible themes 🎨 for Openfin 

### 📦 Install

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

<pre>
npm install @newskit-themes/openfin
</pre>

<pre>
yarn add @newskit-themes/openfin
</pre>

### 🔖 Current themes available: 

<pre>
NK-Dark.json
NK-Light.json
</pre>

### ✍️ Usage

<pre>
  import {newskitLightTheme} from 'newskit';
  import NKDark from '@newskit-themes/openfin/NK-Dark.json'

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

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

</pre>
npm package: @newskit-themes/talksport
Description: Use your favourite package manager to install @newskit-themes/talksport.
Author: newskit-themes-publisher
Latest version: 0.0.0-3133a6205

Package exporting Newskit compatible themes 🎨 for Talksport 

### 📦 Install

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

<pre>
npm install @newskit-themes/talksport
</pre>

<pre>
yarn add @newskit-themes/talksport
</pre>

### 🔖 Current themes available: 

<pre>
NK-Dark.json
NK-Light.json
</pre>

### ✍️ Usage

<pre>
  import {newskitLightTheme} from 'newskit';
  import NKDark from '@newskit-themes/talksport/NK-Dark.json'

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

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

</pre>
npm package: @newskit-themes/talktv
Description: Use your favourite package manager to install @newskit-themes/talktv
Author: newskit-themes-publisher
Latest version: 0.2.1

Package exporting Newskit compatible themes 🎨 for Talktv 

### 📦 Install

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

<pre>
npm install @newskit-themes/talktv
</pre>

<pre>
yarn add @newskit-themes/talktv
</pre>

### 🔖 Current themes available: 

<pre>
TalkTV-dark.json
TalkTV-light.json
talktv-dark.css
talktv-light.css
</pre>

### ✍️ Usage

<pre>
  // To import themes in json format
  
  import {newskitLightTheme} from 'newskit';
  import TalkTVDark from '@newskit-themes/talktv/TalkTV-dark.json'

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

  ...
  
  < ThemeProvider theme={talktvTheme}>
    < 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';

</pre>
npm package: @newskit-themes/the-sun
Description: Use your favourite package manager to install @newskit-themes/the-sun
Author: newskit-themes-publisher
Latest version: 5.0.0

Package exporting Newskit compatible themes 🎨 for The Sun 

### 📦 Install

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

<pre>
npm install @newskit-themes/the-sun
</pre>

<pre>
yarn add @newskit-themes/the-sun
</pre>

### 🔖 Current themes available: 

<pre>
TheSun-dark-fabulous.json
TheSun-dark-football.json
TheSun-dark-health.json
TheSun-dark-lifestyle.json
TheSun-dark-money.json
TheSun-dark-motors.json
TheSun-dark-news.json
TheSun-dark-showbiz.json
TheSun-dark-sport.json
TheSun-dark-tech.json
TheSun-dark-travel.json
TheSun-dark-tv.json
TheSun-dark.json
TheSun-fonts.json
TheSun-light-fabulous.json
TheSun-light-football.json
TheSun-light-health.json
TheSun-light-lifestyle.json
TheSun-light-main.json
TheSun-light-money.json
TheSun-light-motors.json
TheSun-light-news.json
TheSun-light-showbiz.json
TheSun-light-sport.json
TheSun-light-tech.json
TheSun-light-travel.json
TheSun-light-tv.json
TheSun-light.json
TheSun-sizing.json
thesun-dark-fabulous.css
thesun-dark-football.css
thesun-dark-health.css
thesun-dark-lifestyle.css
thesun-dark-money.css
thesun-dark-motors.css
thesun-dark-news.css
thesun-dark-showbiz.css
thesun-dark-sport.css
thesun-dark-tech.css
thesun-dark-travel.css
thesun-dark-tv.css
thesun-dark.css
thesun-fonts.css
thesun-light-fabulous.css
thesun-light-football.css
thesun-light-health.css
thesun-light-lifestyle.css
thesun-light-main.css
thesun-light-money.css
thesun-light-motors.css
thesun-light-news.css
thesun-light-showbiz.css
thesun-light-sport.css
thesun-light-tech.css
thesun-light-travel.css
thesun-light-tv.css
thesun-light.css
thesun-sizing.css
</pre>

### ✍️ Usage

<pre>
  // To import themes in json format
  
  import {newskitLightTheme} from 'newskit';
  import TheSunDarkFabulous from '@newskit-themes/the-sun/TheSun-dark-fabulous.json'

  // compiling and merging it with a base theme
  export const theSunTheme = createTheme({
    name: 'the-sun-theme',
    baseTheme: newskitLightTheme,
    overrides: TheSunDarkFabulous,
  });

  ...
  
  < ThemeProvider theme={theSunTheme}>
    < 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';

</pre>
npm package: @newskit-themes/the-times
Description: Use your favourite package manager to install @newskit-themes/the-times
Author: newskit-themes-publisher
Latest version: 3.0.3

Package exporting Newskit compatible themes 🎨 for The Times 

### 📦 Install

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

<pre>
npm install @newskit-themes/the-times
</pre>

<pre>
yarn add @newskit-themes/the-times
</pre>

### 🔖 Current themes available: 

<pre>
TheTimes-dark-armageddon.json
TheTimes-dark-business.json
TheTimes-dark-comment.json
TheTimes-dark-culture.json
TheTimes-dark-cultureMagazine.json
TheTimes-dark-home.json
TheTimes-dark-lifeStyle.json
TheTimes-dark-luxxMagazine.json
TheTimes-dark-money.json
TheTimes-dark-news.json
TheTimes-dark-puzzle.json
TheTimes-dark-register.json
TheTimes-dark-sport.json
TheTimes-dark-styleMagazine.json
TheTimes-dark-sundaytimesMagazine.json
TheTimes-dark-times2.json
TheTimes-dark-timesMagazine.json
TheTimes-dark-timesPlus.json
TheTimes-dark-travel.json
TheTimes-dark-world.json
TheTimes-dark.json
TheTimes-light-armageddon.json
TheTimes-light-business.json
TheTimes-light-comment.json
TheTimes-light-culture.json
TheTimes-light-cultureMagazine.json
TheTimes-light-home.json
TheTimes-light-lifeStyle.json
TheTimes-light-luxxMagazine.json
TheTimes-light-money.json
TheTimes-light-news.json
TheTimes-light-puzzle.json
TheTimes-light-register.json
TheTimes-light-sport.json
TheTimes-light-styleMagazine.json
TheTimes-light-sundaytimesMagazine.json
TheTimes-light-times2.json
TheTimes-light-timesMagazine.json
TheTimes-light-timesPlus.json
TheTimes-light-travel.json
TheTimes-light-world.json
TheTimes-light.json
</pre>

### ✍️ Usage

<pre>
  // To import themes in json format
  
  import {newskitLightTheme} from 'newskit';
  import TheTimesDarkArmageddon from '@newskit-themes/the-times/TheTimes-dark-armageddon.json'

  // compiling and merging it with a base theme
  export const theTimesTheme = createTheme({
    name: 'the-times-theme',
    baseTheme: newskitLightTheme,
    overrides: TheTimesDarkArmageddon,
  });

  ...
  
  < ThemeProvider theme={theTimesTheme}>
    < 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';

</pre>
npm package: @newskit-themes/times-radio
Description: Use your favourite package manager to install @newskit-themes/times-radio
Author: newskit-themes-publisher
Latest version: 0.0.2

Package exporting Newskit compatible themes 🎨 for Times Radio 

### 📦 Install

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

<pre>
npm install @newskit-themes/times-radio
</pre>

<pre>
yarn add @newskit-themes/times-radio
</pre>

### 🔖 Current themes available: 

<pre>
TR-dark.json
TR-light.json
</pre>

### ✍️ Usage

<pre>
  // To import themes in json format
  
  import {newskitLightTheme} from 'newskit';
  import TRDark from '@newskit-themes/times-radio/TR-dark.json'

  // compiling and merging it with a base theme
  export const timesRadioTheme = createTheme({
    name: 'times-radio-theme',
    baseTheme: newskitLightTheme,
    overrides: TRDark,
  });

  ...
  
  < ThemeProvider theme={timesRadioTheme}>
    < 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';

</pre>
npm package: @newskit-themes/tls
Description: Use your favourite package manager to install @newskit-themes/tls
Author: newskit-themes-publisher
Latest version: 0.0.2

Package exporting Newskit compatible themes 🎨 for Tls 

### 📦 Install

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

<pre>
npm install @newskit-themes/tls
</pre>

<pre>
yarn add @newskit-themes/tls
</pre>

### 🔖 Current themes available: 

<pre>
TLS-dark.json
TLS-light.json
</pre>

### ✍️ Usage

<pre>
  // To import themes in json format
  
  import {newskitLightTheme} from 'newskit';
  import TLSDark from '@newskit-themes/tls/TLS-dark.json'

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

  ...
  
  < ThemeProvider theme={tlsTheme}>
    < 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';

</pre>
npm package: @newskit-themes/wall-street-journal
Description: Use your favourite package manager to install @newskit-themes/wall-street-journal
Author: newskit-themes-publisher
Latest version: 0.0.2

Package exporting Newskit compatible themes 🎨 for Wall Street Journal 

### 📦 Install

Use your favourite package manager to install @newskit-themes/wall-street-journal

<pre>
npm install @newskit-themes/wall-street-journal
</pre>

<pre>
yarn add @newskit-themes/wall-street-journal
</pre>

### 🔖 Current themes available: 

<pre>
WallStreetJournal-dark-email.json
WallStreetJournal-dark-feature.json
WallStreetJournal-dark-liveCoverage.json
WallStreetJournal-dark-magazine.json
WallStreetJournal-dark-opinion.json
WallStreetJournal-dark.json
WallStreetJournal-light-email.json
WallStreetJournal-light-feature.json
WallStreetJournal-light-liveCoverage.json
WallStreetJournal-light-magazine.json
WallStreetJournal-light-opinion.json
WallStreetJournal-light.json
</pre>

### ✍️ Usage

<pre>
  // To import themes in json format
  
  import {newskitLightTheme} from 'newskit';
  import WallStreetJournalDarkEmail from '@newskit-themes/wall-street-journal/WallStreetJournal-dark-email.json'

  // compiling and merging it with a base theme
  export const wallStreetJournalTheme = createTheme({
    name: 'wall-street-journal-theme',
    baseTheme: newskitLightTheme,
    overrides: WallStreetJournalDarkEmail,
  });

  ...
  
  < ThemeProvider theme={wallStreetJournalTheme}>
    < 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';

</pre>