Package exporting Newskit compatible themes 🎨 for Wall Street Journal
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
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
// 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';