Package exporting Newskit compatible themes 🎨 for The Times
Use your favourite package manager to install @newskit-themes/the-times
npm install @newskit-themes/the-times
yarn add @newskit-themes/the-times
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-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
// To import themes in json format
import {newskitLightTheme} from 'newskit';
import TheTimesDarkBusiness from '@newskit-themes/the-times/TheTimes-dark-business.json'
// compiling and merging it with a base theme
export const theTimesTheme = createTheme({
name: 'the-times-theme',
baseTheme: newskitLightTheme,
overrides: TheTimesDarkBusiness,
});
...
< 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';