UNPKG

@newskit-themes/the-sun

Version:

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

105 lines (89 loc) • 2.35 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
Package exporting Newskit compatible themes 🎨 for The Sun ### 📦 Install Use your favourite package manager to install @newskit-themes/the-sun <pre> npm install @newskit-themes/the-sun </pre> <pre> yarn add @newskit-themes/the-sun </pre> ### 🔖 Current themes available: <pre> TheSun-dark-fabulous.json TheSun-dark-football.json TheSun-dark-health.json TheSun-dark-lifestyle.json TheSun-dark-money.json TheSun-dark-motors.json TheSun-dark-news.json TheSun-dark-showbiz.json TheSun-dark-sport.json TheSun-dark-tech.json TheSun-dark-travel.json TheSun-dark-tv.json TheSun-dark.json TheSun-fonts.json TheSun-light-fabulous.json TheSun-light-football.json TheSun-light-health.json TheSun-light-lifestyle.json TheSun-light-main.json TheSun-light-money.json TheSun-light-motors.json TheSun-light-news.json TheSun-light-showbiz.json TheSun-light-sport.json TheSun-light-tech.json TheSun-light-travel.json TheSun-light-tv.json TheSun-light.json TheSun-sizing.json thesun-dark-fabulous.css thesun-dark-football.css thesun-dark-health.css thesun-dark-lifestyle.css thesun-dark-money.css thesun-dark-motors.css thesun-dark-news.css thesun-dark-showbiz.css thesun-dark-sport.css thesun-dark-tech.css thesun-dark-travel.css thesun-dark-tv.css thesun-dark.css thesun-fonts.css thesun-light-fabulous.css thesun-light-football.css thesun-light-health.css thesun-light-lifestyle.css thesun-light-main.css thesun-light-money.css thesun-light-motors.css thesun-light-news.css thesun-light-showbiz.css thesun-light-sport.css thesun-light-tech.css thesun-light-travel.css thesun-light-tv.css thesun-light.css thesun-sizing.css </pre> ### ✍️ Usage <pre> // To import themes in json format import {newskitLightTheme} from 'newskit'; import TheSunDarkFabulous from '@newskit-themes/the-sun/TheSun-dark-fabulous.json' // compiling and merging it with a base theme export const theSunTheme = createTheme({ name: 'the-sun-theme', baseTheme: newskitLightTheme, overrides: TheSunDarkFabulous, }); ... < ThemeProvider theme={theSunTheme}> < 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>