3.0.3 • Published 11 months ago
@newskit-themes/the-times
Licence
MIT
Version
3.0.3
Deps
0
Size
1.2 MB
Vulns
0
Weekly
0
Package exporting Newskit compatible themes for The Times
Install
Use your favourite package manager to install @newskit-themes/the-times
npm install @newskit-themes/the-times
yarn add @newskit-themes/the-times
Current themes available:
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
Usage
// 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';