UNPKG

@newskit-themes/the-times

Version:

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

87 lines (71 loc) • 2.18 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
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-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 </pre> ### ✍️ Usage <pre> // 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'; </pre>