Package Exports
- @newskit-themes/wall-street-journal
- @newskit-themes/wall-street-journal/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@newskit-themes/wall-street-journal) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Package exporting Newskit compatible themes 🎨 for Wall Street Journal
📦 Install
Use your favourite package manager to install @newskit-themes/wall-street-journal
npm install @newskit-themes/wall-street-journal
yarn add @newskit-themes/wall-street-journal
🔖 Current themes available:
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
✍️ Usage
// 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';